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

  • Тут может быть ваша реклама
A

art-factor

Турист
17 Апр 2008
1
0
6
Credits
0
Доброе время суток!

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

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

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

<style type="text/css">
.header { width: 100%; background: #ccffff; }
.contents { width: 100%; background: #ffffcc; position: relative; padding: 30px 30px 30px 30px; }
.author { width: 35%; background: #ffcccc; position: absolute; top: 0; right: 0; padding: 30px 30px 30px 30px; float: right }
.footer { width: 100%; background: #ccccff; }
</style>

<div class="header">
</div>
<div class="contents" aling="right">................ .... .................. ... ...........
................ .... .................. ................ .... .................. ........... .... ....
<div class="author">................ .... .................. </div>
</div>
<div class="footer">
</div>

Какой можно найти выход?

Спасибо!
 
Последнее редактирование модератором:
Ademaro

Ademaro

Турист
2 Июн 2006
19
0
8
40
С планеты Марс
Credits
0
Тогда почему бы не сделать так:
<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/
 
Сверху Снизу