[member=Oleg556677],
Я внес незначительные изменения, даже нет смысла отсылать весь код, смотрите.
В HTML:
<div id="header">
<div id="ow">
<img class="owl" src="Bolshaya_Seraya_Sova.png" />
</div>
<div id="zag">
<img class="zag1" src="Zagolovok_Univer.png" />
</div>
</div>
Для каждого изображения создаем свой логический раздел, как "ow" для совы и "zag" для нашего заголовка.
Теперь CSS:
#zag {
position: absolute;
top: 10px;
}
.zag1 {
width: 510px;
height: 32px;
margin: 3px 255px 33px 259px;
}
Для логического раздела "zag" задаем позиционирование.
Для класса "zag1" оставляем теже свойства за исключением float. Свойство float по моему здесь ни к чему.
Все работает. И проблемы были вовсе не в абсолютном позиционировании )
В архиве ваша страница и измененные файлы new.html и new.css
[member=BaNru], возник вопрос, если позволите....
В своем сообщении от 6 февраля 18.50 вы пишите: "Тут надо применять position: relative/absolute и отрицательные маргины или топ"
В сообщении от 6 февраля 21.22: "В данном случае не нужно абсолютное позиционирование.
Его при возможности надо вообще избегать, как и relative."
В сообщении от 7 февраля 23.55: ".....особенно когда можно без проблем сверстать более грамотно без позиционирования".
Теперь, вспомним правила потока:
- Блочные элементы заливаются на страницу сверху вниз, с разрывом строки после каждого
-Строчные элементы заливаются один за другим слева на право и сверху вниз.
В правилах потока нет правила когда какие-либо элементы заливаются друг на друга.
В случае с нашими заголовками мы имели в исходных данных изображения. Изображения, как известно являются строчными элементами.
Вопрос: как можно правильно сверстать страницу, чтобы расположить один элемент поверх другого, не используя позиционирования?
Не подумайте, я ни в коем случае не пытаюсь язвить. У меня просто мало опыта и возможно я чего-то не понимаю. Это просто просьба поделиться знаниями.
