Проблема высоты окна CSS с динамически загруженным CSS - PullRequest
0 голосов
/ 03 мая 2010

Пожалуйста, зайдите здесь и используйте имя пользователя "admin" и пароль "endlesscomic" (без кавычек), чтобы увидеть демонстрацию веб-приложения.

По сути, я пытаюсь постепенно интегрировать свою работу в это веб-приложение, скажем, каждый вечер, для клиента, чтобы проверить прогресс. Кроме того, он хотел бы видеть, в самом начале макет страницы.

Я пытаюсь использовать систему сетки 960 для достижения этой цели. Пока все хорошо.

За исключением одной проблемы, когда jQuery динамически загружает "mockup.css", он "расширяет" окно до дна, чего я не хочу ...

Как неопытный веб-разработчик, я не знаю, какая часть неправильная. Ниже мой JS:

/* master.js */
$(document).ready(function()
{
    $('#addDebugCss').click(function()
    {
    alertMessage('adding debug css...');
    addCssToHead('./css/debug.css');
    $('.grid-insider').css('opacity','0.5');//reset mockup background transparcy
    });

    $('#addMockupCss').click(function()
    {
    alertMessage('adding mockup css...');
    addCssToHead('./css/mockup.css');
    $('.grid-insider').css('opacity','1');//set semi-background transparcy for mockup
    });

    $('#resetCss').click(function()
    {
    alertMessage('rolling back to normal');
    rollbackCss(new Array("./css/mockup.css", "./css/debug.css"));
    });
});

function alertMessage(msg)  //TODO find a better modal prompt
{
    alert(msg);
}

    function addCssToHead(path_to_css)
{
    $('<link rel="stylesheet" type="text/css" href="' + path_to_css + '" />').appendTo("head");
}

    function rollbackCss(set)
{
    for(var i in set)
    {
    $('link[href="'+ set[i]+ '"]').remove();
    }
}

Что-то должно быть добавлено в exteral mockup.css? Или что-то изменить в моем master.js?

Спасибо за любые советы / предложения заранее.

1 Ответ

1 голос
/ 04 мая 2010

Это # page-container div. В нем есть все содержимое страницы, поэтому оно имеет высоту 600 пикселей. Он находится под книгами, так что высота страницы увеличивается до 1000 пикселей. Относительная позиция и вершина -350px перемещают ее визуально, но она все еще занимает свою позицию в потоке.

Самое простое решение - вынуть книги из потока, чтобы вам не приходилось пытаться подстраивать их под содержание своей страницы. Простое позиционирование их абсолютное или фиксированное на странице.

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...