Tom: float:left und IE 5.5

Beitrag lesen

SELF-Forum

float:left und IE 5.5

Tom
– Informationen zu den Bewertungsregeln

Hello und guten Morgen,

ich habe immer noch ein Problemchen mit dem IE (hier Ver5.5).

Wenn man float:left benutzt, dann verdoppelt der grundsätzlich den margin-left. Der Gecko machts richtig. Leider habe ich gerade keinen IE 6.x.

Könnte mir mal jemand sagen, ob er das da auch macht?

For Copy & Paste only...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <title>Neuer DIV-TEST</title>
</head>
<body>
<style type="text/css">
#boxrahmen
{
  position:absolute;
  top:5px;
  left:5px;
  width:100%;
  height:100%;
}

#box1
{
  position:relative;
  margin-left:40px;
  width:500px;
  height:auto;

}

#box2
{
  position:relative;
  float:left;
  margin-top:25px;
  margin-left:20px;
  width:150px;
  height:auto;
}

#box3
{
  position:relative;
  float:left;
  margin-top:25px;
  margin-left:20px;
  width:150px;
  height:auto;
}

.text
{
  position:static;
  margin-top:15;
  margin-left:20;

}
.dcl
{
  position:static;
  margin-top:5px;
  margin-left:10px;
  width:120px;
  height:auto;
}

</style>
<div id="boxrahmen" style="background:white; border:solid 2px black;">Rahmen
 <div id="box1" style="background:red; border:solid 2px blue;">box1
   <div id="box2" style="background:white; border:solid 2px blue;">box2

<div class="dcl"></p>
       <p class="text">Dies wird ein neuer Text</p>
       <p class="text">Dies wird ein schöner Text, der wird nun
                       auch mal ein bisschen länger, damit er irgendwo
                       den Rahmen sprengt und ich sehen, kann,
                       ob height:auto funktioniert</p>

</div>
   </div>

<div id="box3" style="background:white; border:solid 2px blue;">box2

<div class="dcl"></p>
       <p class="text">Dies wird ein anderer Text</p>
       <p class="text">Es ist ein schöner Text, der nun
                       auch mal ein bisschen länger ist. Dann kann er sich irgendwie
                       im Rahmen ausbreiten oder ihn sprengen. Ich kann sehen,
                       ob float:left funktioniert</p>
     </div>
   </div>

</div><!--box 1-->

</div><!--boxrahmen-->
</body>
</html>

Grüße

Tom

Beitrag melden
–
Informationen zu den Bewertungsregeln