Блочная верстка, проблемы.

css

Delfi, 62 просмотра

-2

http://sdelfi.net.ru/anya/
Идут блоки для шапки, для правого меню и левого блока и нижний блок.
Как выровнять высоту блока меню и блока центрального?
Наглядно расположение блоков здесь http://sdelfi.net.ru/anya/test.html

И все блоки расположены в общем блоке
Для общего блока сделал height=100%
Для левого и правого блоков сделал так же height=100%
Где я ошибся или надо какт о по другому это делать?

Примечание:
Таблицы не предлагать. Не хочется переделывать, к тому же преимущественно просили блочную верстку. Плюс уже не первый раз сталкиваюсь с такой проблемой...
Текст будет не фиксированной длины, по этому точную высоту указывать бесполезно..

Примечание:
Таблицами сделаны только меню, смотри лучше.
Выровнить ВЕРТИКАЛЬНО.
Два блока.
Смотри вниз под раздел рекламы, там обрезается в одном месте, а слева под текстом в другом, так надо чтобы блоки были одинаковой высоты.

Примечание:
Оке, насчет float поправлю.
Общий блок попробую сделать ,спасибо, буду пробовать.
Мне эту работу в универ сдавать, так что запариваться на данный момент не хочется насчет валидности кода...

Примечание:
lashtal, текст для примера... Это буду решать уже потом... Беспомощность, ну как сказать, я просто сидел очень долго и пытался сделать не тблицами, пока не получилось, буду позже в этом практиковаться...

Примечание:
И не все становятся профи, как только начинают изучать. Я делаю итоговые работы одногруппникам и в то же время пытаюсь освоить хотя бы базовые вещи. По моему очень даже неплохо так делать -)

Ответы:

lashtal

Ну дык они выровняны, ведь единица находится внутри центрального блока. Либо выносите заголовок в отдельный блок, либо отрицательный margin-top для центрального.

lashtal

бугага, там 90% всего контента внутри <body> - это таблица.. "Таблицы не предлагать.".. мда..

syva

может попробовать вставить вот это

я ядром поновее. Я, как всегда, рекомендую debian testing

навскидку - #main и #sidebar засунуть в блок обвертку и дать им высоту 100% относительно родителя.
Но эту проблему чаще всего решают написание js, который дает обоим блокам одинаковую высоту.

lashtal

Я прекрасно вижу что таблицей сделано только меню, что говорит о полной графической беспомощности афтора. Текст нечитаем на фантастически шизоидном фоне.
Как надо делать - по ссылке, пример №9.

Выравнивать по высоте при блочной верстке в общем случае получается только с помощью достаточно уродливого кода. Зачастую это накладывает ограничение на объем текста в каждом из блоков. Эстетический выигрыш в результате сомнителен.
Если для Вашего дизайна это критично - проще использовать таблицы.
Мне лично кажется, что стиль web 2.0 не портят блоки оказываются разной высоты.

16 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.