Форум PHP программистов > Неукротимые слойчеги (divчеги)

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Неукротимые слойчеги (divчеги)

md5

18.12.2006 - 14:28

Как показано на рисунке (рис. 1), на необходимо сделать три слоя, во втором - два внутри. <br><br>делаю так:<br><br>

 
<div style="position: relative;">
 <div style="position: absolute; left: 10px;">block #1</div>
 <div style="position: absolute; left: 500px;">more text</div>
</div>
 
<div style="position: relative;">
 <div style="position: absolute; width: 200px;">block #2</div>
 <div style="position: absolute; left: 201px;">block #3</div>
</div>
 
<div style="position:relative;">
 block #4
</div>

проблема в том, что последний слой накладывается на предыдущий, как я понял его смущает то, что во втором блоке у внутренних стоит position: absolute; но, как показывает практика, после первого слоя (там тоже есть внутренний с абсолютным позиционированием) всё нормально отображается...

вот собсно проблема..

Спустя 1 час, 1 минута, 6 секунд (18.12.2006 - 14:29) AlexBB написал(а):

1. Накладывается из-за того, что два первых внешних div (которые relative) фактически пустые - пропиши им height
2. Зачем вообще столько position: absolute? Цель?

Спустя 20 минут, 18 секунд (18.12.2006 - 14:49) md5 написал(а):

QUOTE

1. Накладывается из-за того, что два первых внешних div (которые relative) фактически пустые - пропиши им height

я вкурсе, смотри, у меня первый блок - шапка, там логотип и текстик, причём слева текст а справа логотип (поэтому прописываю для него left: 500px;).

Далее ищёт второй блок, ввключающий в себя слева - блок меню, справа (left: 201px;) контентный блок, ЕГО ВЫСОТА неизвеста, меняется ...

Далее идёт футер, там дублир. меню и т.д. вот этот поганый футер и налазиет на слой, у которого не задана высота...

вот и вопрос в том как сделать, чтобы не залазил, если неизвестна высота?

Спустя 1 минута, 2 секунды (18.12.2006 - 14:50) md5 написал(а):

QUOTE

2. Зачем вообще столько position: absolute? Цель?

отодвигаем внутреннии слои по отношению к внешним...

Спустя 14 минут, 2 секунды (18.12.2006 - 15:04) AlexBB написал(а):

Выкинь все absolute. Совершенно неоправданное их применение.
Для позиционирования используй сочетания width, padding, margin

Первый

Второй

и.т.д.

Спустя 17 минут, 9 секунд (18.12.2006 - 15:21) md5 написал(а):

AlexBB,
спасибо, очень помогло, особенно флоат

Спустя 1 день, 4 часа, 18 минут, 14 секунд (19.12.2006 - 19:40) AlexBB написал(а):

Вспомнил, что в свое время наткнулся на отличную статью на эту тему:
http://softwaremaniacs.org/blog/2005/12/01...s-layout-float/
Всем, кто не придерживается принципа "Я крутой программер и хтмл знать не обязан" очень и очень рекомендую.

Быстрый ответ:

Здесь расположена полная версия этой страницы.