CSS - Обтекание бокса текстом при position: absolute;

art-factor · Apr 17, 2008

Доброе время суток!

Sorry - Название темы должно было звучать так: "Обтекание бокса текстом при position: relative;"

Вопрос у меня следующий:

Почему при position: relative; у "contents" текст в "contents" не обтекает бокс "author" ??? а ложиться под него ??? Даже при наличии у бокса "author" float: right !

viper · Apr 17, 2008

проверил в Opera 9, Mozilla 2, IE7 все отображается как положенно. а смотрите вы в каком ? если в IE 6 то у него проблемы с float и position.

FF

IE

Ademaro · Jul 8, 2008

Тогда почему бы не сделать так:
<html>
<head>
<style type="text/css">
body { position:relative; margin:0; }
.header { width: 100%; background: #ccffff; }
.contents { background: #ffffcc; position: relative; padding: 30px 30px 30px 30px; }
.author { width: 35%; background: #ffcccc; float: right; margin: -30px -30px 0 0; padding: 30px; position: relative; }
.footer { width: 100%; background: #ccccff; }
</style>
</head>
<body style="">
<div class="header">
head
</div>
<div class="contents">
<div class="author">author</div>
content
</div>
<div class="footer">
footer
</div>
</body>
</html>

p.s.: а вообще, посмотреть можно что-нть тут:
http://www.dynamicdrive.com/style/layouts/
http://blog.html.it/layoutgala/

CSS - Обтекание бокса текстом при position: absolute;

art-factor

New member

viper

Member

Ademaro

Member