hooey_ru
-
Posts
30 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by hooey_ru
-
Как сделать так, чтобы DIV занял все свободное место?
hooey_ru replied to hooey_ru's question in HTML Coding
Ага! Моя ошибка была в том, что я считал, что если не указать position: absolute; left: 0; то третий див не прилепится в нужное место Огромное спасибо, теперь все хорошо -- Разумеется, CSS в отдельном файле; можете посмотреть итог на sparrows точка org точка ua -
Как сделать так, чтобы DIV занял все свободное место?
hooey_ru replied to hooey_ru's question in HTML Coding
—— Нда, как я понял, это невозможно. Вот так всегда, хочешь сделать правильно, а в итоге приходится делать таблицей —————-- В смысле зачем? А как иначе, без абсолютного позиционирования сделать так, чтобы была, допустим, левая и правая колонка? Я ориентируюсь на http://www.w3.org/2002/03/csslayout-howto.html.en -
Как сделать так, чтобы DIV занял все свободное место?
hooey_ru replied to hooey_ru's question in HTML Coding
Таблица стилей: div.title {padding: 1em; position: absolute; top:0; margin-right: 15em; height: 7em; } div.main {padding: 1em; margin-right: 15em; margin-top: 7em; position: absolute; left: 0;} div.menu {padding: 1em; position: absolute; width: 15em; right: 0;} div.mainPageImg {margin: auto; } /* увидел такой совет, когда искал в интернете */ Страница: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" href="/style.css" type="text/css"> </head> <body> <div class="title"> <h1>блаблабла</h1> </div> <div class="menu"> блаблабла боковые ссылки меню </div> <div class="main"> <div class="mainPageImg"> <img src="блаблабла"> </div> </div> </html> в деле можно посмотреть на sparrows точка org точка ua -
Смотрите, страница состоит из трех дивов с абсолютным позиционированием: Размеры первого и второго дивов заданы. Нужно сделать так, чтобы третий див занимал все оставшееся пространство экрана. Как это сделать? Дело в том, что в этом третьем диве находится картинка. Отчаявшись выровнять ее по центру, я даже поставил третьему диву атрибут align=center, но и это не помогло! По-моему это из за того, что третий див автоматически получает такую же ширину, как сама картинка.
-
Да, вот я делаю float:left, но тогда ряд DIV'ов прилипает к левому краю экрана, а мне нужно, чтобы весь ряд DIV'ов выравнивался по центру. Это можно как-то сделать?
-
Нужно расположить элементы DIV по четыре штуки в ряд, примерно как на этой корявенькой картинке: Причем еще желательно чтобы они вели себя, как обычные элементы - если все четыре div'а не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. По идее, как я прочитал в справочнике, за такое поведение отвечает display:block; но что-то не срабатывает. Все DIV'ы просто идут один за другим по вертикали, т. е. по одному в ряд. Помучился с display:absolute, но это, похоже, вообще тут не катит. Можно было бы не париться и просто сделать TABLE, но хочется же "по-правильному"