[IE] tekst naast een float verdwijnt zomaar - Softwareontwikkeling

dinsdag 9 mei 2006 18:22

Acties:

Topicstarter

Ik ben bezig met een website, en ik kom een raar stom foutje tegen in IE. Ik heb even een testcase gemaakt.

testcase: http://webdesign.rega.khl...88/testcase/testcase.html

naast de startpagina link staat een stukje tekst, maar die komt enkel tevoorschijn als je dat selecteerd, in firefox werkt het wel ok

Cascading Stylesheet:

div#achtergrond {
  background-color: #c2a87e;
  border-bottom-style: solid;
}

div#linkermarge {
  float: left;
}

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-15" />
  <link rel="Stylesheet" href="style.css" type="text/css" />
  <title>De Corde</title>
</head>
<body>

<div id="achtergrond">

  <div id="midden">
    <div id="linkermarge">
      <ul>
        <li><a href="#">Startpagina</a></li>
      </ul>
    </div>

    <div id="inhoud">test dit is een zin die normaal direct zou moeten tevoorschijn komen</div>
    
  </div>
  <div style="clear:both;"></div>
</div>

</body>
</html>

dinsdag 9 mei 2006 19:12

Acties:

user109731

Cascading Stylesheet:

1	div { position:relative; }

Dit lost het op iig. Of het de netste oplossing is weet ik niet, iemand anders die dit weet?

dinsdag 9 mei 2006 19:14

Acties:

Verwijderd

klinkt als peekaboo bug, hasLayout setten is daarvoor een oplossing

dinsdag 9 mei 2006 19:16

Acties:

JHS

Splitting the thaum.

Klinkt als de peek-a-boo bug, wat inderdaad op te lossen valt met position: relative; of een expliciete height / width, en waarschijnlijk ook met zoom: 1; aangezien het klinkt alsof het om een hasLayout related bug gaat

.

Volgens die positioningiseverything website van daarnet gaat het overigens om de combinatie met een clearing division. Het zou dus ook op te lossen moeten zijn met deze (onderste) manier van clearen

.

[ Voor 3% gewijzigd door JHS op 09-05-2006 19:18 ]

DM!

dinsdag 9 mei 2006 19:23

Acties:

Mayco

Topicstarter

prachtig, een position:relative; in mijn div#inhoud loste het idd op

dinsdag 9 mei 2006 19:45

Acties:

XWB

Devver

De bug lijkt in IE7 beta 2 ook nog aanwezig te zijn.

March of the Eagles