Проблема с CSS, исправлено содержимое левой и правой боковой панели? - PullRequest
Новая
       16

Проблема с CSS, исправлено содержимое левой и правой боковой панели?

0 голосов
/ 28 апреля 2010

Мне очень нужна ваша помощь с CSS-макетом. Я пытался несколько раз, однако у меня нет шансов (и на самом деле не знаю, как) решить эту проблему. Более того, я даже не знаю, возможно ли так, как я этого хочу!

alt text

#mainContent всегда должен быть центрирован горизонтально в окне браузера. Это должно быть 1024px в ширину и 100% высоты окна. Теперь сложная часть. Мне нужно два div, один на левой стороне, один на правой стороне #mainContent. Оба должны иметь высоту 100%, но ВСЕГДА должны иметь остальную часть окна браузера. Если окно браузера имеет ширину всего 1024 пикселей, то #navLeft и #navRight невидимы.

Это вообще возможно, если да, КАК? спасибо

1 Ответ

2 голосов
/ 28 апреля 2010

1024 - плохой выбор ширины. Мониторы с разрешением 1024 x 768 ВСЕГДА получат вертикальные полосы прокрутки. 960 пикселей в ширину является общим выбором.

Вы положили все это в оболочку DIV: 

#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

Внутри у вас есть три DIVS, плавающие влево с указанной шириной.

Управление видимостью в зависимости от ширины браузера пользователя должно выполняться с помощью JavaScript. Только CSS не может этого сделать.

ИСПРАВЛЕНИЕ: эта статья объясняет, как, и я никогда не знал, что вы могли бы сделать.

...