| |
|
|
| | Супер, отлично! Простой код заставил меня задуматься над тем, зачем разработчики из Мелкософта вообще решили выпустить броузер!
Вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* { margin:0; padding:0; }
html, body {height:100%;}
</style>
</head>
<body>
<div style="background:#0099CC; float:right;">
<div style="float:right; background:#00FF00; padding:10px;">
float
</div>
test
</div>
</body>
</html>
|
Теперь если протестить все это делов в НОРМАЛЬНЫХ броузерах и в <censore> IE, то заметим, что понимание вложеного флота в IE сильно отличается от человеческого!
В связи с этим и возник вопрос: как реализовать такую конструкцию понятно для IE? | |
| |
|
|
| |
|
|
| |
для: Madman
(04.11.2008 в 16:48)
| | | ап^ | |
| |
|
|
| |
|
|
| |
для: Madman
(06.11.2008 в 11:46)
| | | Наверное так:
<div style="background:#0099CC; float:right; width:100px">
<div style="float:right; background:#00FF00; padding:10px;">
float
</div>
test
</div>
|
| |
| |
|
|
| |
|
|
| |
для: KingLion
(06.11.2008 в 13:35)
| | | Допустим.
Так это будет работать.
А если взять в расчет, что мне нужен float элемен нефиксированного размера, а скажем с произвольной строкой переменной длины. Этот блок обтекается остальным содержимым. При достижении строкой предельной длины (зависит от родительского контейнера), строка переноситься. Даже не обязательно строка. Пусть это будут абзацы, заголовки и пр.! И необходим элемент справа в этом блоке, который бы обтекался остальным содержимым блока (это намек, что absolute здесь не поможет)!
Вот как в таком случае быть?
Чтоб не размусоливать, хочеться получить эффект такой же, как в Mozill'е при выполнении вышеупомянутого кода! | |
| |
|
|
