CSS макет с максимальной высотой не работает так хорошо - PullRequest
0 голосов
/ 07 июля 2010

Итак, для веб-сайта я пытался настроить конкретный макет для работы в браузерах IE (FF + Chrome - плюс, если они работают, но обычно они работают).

Ниже вы можетеувидеть макет, который я пытаюсь достичь; alt text http://dl.dropbox.com/u/2199846/layout.png

Как видите, это всего лишь небольшое изменение многостолбцовой раскладки, которую вы можете увидеть в Интернете.Просто с некоторыми добавленными доп.
- ни один div не должен превышать высоту страницы, если они это сделают, они должны просто переполниться (но обычно это происходит только для средней части)
- ссылка "toggle" должна переключатьсяDiv ниже видимого / невидимого (получил код jquery и все, никаких проблем там), но этот переключатель должен, конечно, увеличить / уменьшить ширину среднего div.

Я нахожусь в конце моей возможности здесьи попытался перейти на полный макет таблицы, но при этом всегда возникало затруднение при расширении контента ...
Если кто-нибудь из вас, CSS-героев, знает, как создать этот макет, я буду очень благодарен!!

РЕДАКТИРОВАТЬ:
Я забыл добавить, что некоторые части этого дизайна должны быть фиксированной ширины / высоты.Высота верхней части должна составлять 60 пикселей, ширина правой и левой сторон должна составлять 200 пикселей.И маленькая полоса (+ тумблер) должна иметь высоту 30 пикселей.
Конечно, я попытаюсь поработать на примере, приведенном ниже, но я подумал, что добавлю это изменение на тот случай, если кому-то будет сложно это сделать (Я знаю, что это сложно, но пока я не так хорош в CSS)

1 Ответ

0 голосов
/ 07 июля 2010

http://jsfiddle.net/YGgTx/1/

это макет того, что вы пытаетесь сделать, я верю.Как указано другими авторами, вы можете использовать hide () для обработки эффекта меню.Если что-то не так с этим макетом, дайте мне знать, у меня не установлен IE6, но он работает на 8.

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