- <html>
- <head>
- <title>Cím</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
- </head>
- <body>
- <div style="position: absolute;">
- <h1>Öreg hiba!</h1>
- <p>Azt hiszed, ez fog megjelenni az oldalon? Nézd meg explórerben...</p>
- </div>
- <div style="float: left;">
- ez floatos
- </div>
- <div style="clear: both; width: 100px">
- ez cleares
- </div>
- </body>
- </html>
<html>
<head>
<title>Cím</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
</head>
<body>
<div style="position: absolute;">
<h1>Öreg hiba!</h1>
<p>Azt hiszed, ez fog megjelenni az oldalon? Nézd meg explórerben...</p>
</div>
<div style="float: left;">
ez floatos
</div>
<div style="clear: both; width: 100px">
ez cleares
</div>
</body>
</html>
Egy nagyon idegesítő explórer hiba! Mindenkinek a figyelmébe, aki css dizájnt készít (float, clear), és valami lebegő tartalmat (position: absolute) szeretne elhelyezni rajta. Nem adta könnyen magát, de itt a hiba kiváltásához szükséges minimális kód.
Mivel az IE bugzilláját nem találtam ide postolom :). Amúgy a win98-al kapott explórertől, az xp 6-osáig mindegyikben benne van.
■
copy-paste helyett
http://vbence.web.elte.hu/ie_float_bug.html
És kíváncsi vagyok a hetes explórerre, valaki megnézhetné...
position.