umrandetes Div im Firefox

[Samson]

Hallo.

Folgender Code

  
<div class="updates">  
 <strong>Recent Updates:</strong>  
 <br>  
[code lang=php]  
<?php  
 $dbh=mysql_connect("localhost",$USER,$PWD) or die(mysql_error());  
 mysql_select_db("stn") or die(mysql_error());  
  
 $SQLstr="SELECT * FROM `updates` ORDER BY `date` DESC";  
 $result=mysql_query($SQLstr) or die(mysql_error());  
  
 $zaehler=0;  
 for($i=0;$i<4;$i++){  
  echo "<span class=\"float_left\">\n";  
  echo "<span class=\"date\">", mysql_result($result,$i,1), ": </span>\n";  
  echo htmlentities(mysql_result($result,$i,2));  
  echo "<br>\n";  
  echo "</span>\n\n";  
 }  
  
  
?>

<a href="?h=updates_archiv.php">&lt;Archiv&gt;</a>

</div>
[/code]

wird mit folgendem CSS formatiert:

  
.updates{  
 font-size:12px;  
 width:99%;  
  
 padding:.5em;  
 border:1px solid #A52A2A;  
}  
  
.updates .float_left{  
 float:left;  
 margin-right:1%;  
 width:20%;  
 text-align:center;  
}  
  
.date{  
 font-weight:bold;  
 display:block;  
}  

Im Firefox wird die untere Seite des divs praktisch direkt durch den Inhalt gezeichnet, hört also weiter oben auf als er eigentlich sollte. Im Opera jedoch hört er so auf wie ich das möchte, nämlich unterhalb des Inhalts. Momentan steh ich echt auf den Schlauch, ich weiß absolut nicht warum das so ist. Könntet ihr mir bei der Suche behilflich sein?

Danke
MfG
Samson

[Der Martin]

Hi,

Folgender Code

<div class="updates">
<strong>Recent Updates:</strong>
<br>
<?php
$dbh=mysql_connect("localhost",$USER,$PWD) or die(mysql_error());
...

wenn du clientseitige Probleme diskutieren willst, gib bitte auch den Code an, der beim Client ankommt. Serverseitige Geschichten machen die Analyse nur unötig kompliziert.

wird mit folgendem CSS formatiert:

.updates .float_left{
float:left;

Das isser. Mit float:left nimmst du das span-Element aus dem regulären Elementfluss heraus, es wird damit also von seinem Elternelement unabhängig, so als wenn es gar nicht darin wäre. Das übergeordnete div darf sich also gar nicht mehr nach dem Platzbedarf dieser spans richten.

Im Firefox wird die untere Seite des divs praktisch direkt durch den Inhalt gezeichnet, hört also weiter oben auf als er eigentlich sollte.

Works as designed [wahsaga].

Im Opera jedoch hört er so auf wie ich das möchte, nämlich unterhalb des Inhalts.

Das ist dann entweder Zufall oder ein Opera-Problem.
Mögliche Lösungen wären entweder ein clear:left in einem Element, das den gefloateten spans folgt, oder aber das umgebende div ebenfalls zu floaten.

So long,
 Martin