verrücktes float problem wenn browser cache AN

[Ralf]

Hallo,

ich habe folgendes Problem:

Ich habe mehre <table> blöcke in einem Div, die jeweils per float:left nebeneiander angeordnet werden sollen. Drücke ich im Firefox auf Seite aktualisieren ordnet er die Boxen wahllos neu an, manchmal nebeneinander, manchmal untereinander. Schalte ich allerdings den Browsercache aus, werden die Tabellen immer richtig angezeigt.

Ich habe jetzt zur "Problemeindämmung" den Browsercache per metatag unterdrückt:

<meta http-equiv="expires" content="0">
<meta http-equiv="cache-control" content="no-cache">

Das Problem taucht jetzt zwar bei der aktualisierung per Browser Button nicht mehr auf, aber doch schon wenn ich auf den selben Seitenlink mehrmals klicke (z.b. Neuste, Meiste downloads, ...)

Die einzelne Tabellenbox hat folgende css-eigenschaften:

#table_song_overview{
width:180px;
background-color:#D5E4D8;
float:left;
margin-top:20px;
margin-right: 12px;
border:1px solid #fff;
}

und befindet sich in diesem div:

#content_main{
 width:780px;
 float:none;
 margin-left:20px;
 margin-bottom:20px;
 display:table;
}

Die betroffene Seite findet Ihr auf www.rockwm.de/songs.php

Vielen Dank für Eure Hilfe.

Gruß, Ralf

[wahsaga]

hi,

Die betroffene Seite findet Ihr auf www.rockwm.de/songs.php

170 Fehler sind m.E. ein bisschen viel, wenn man von einem Browser eine korrekte Darstellung wünscht.

gruß,
wahsaga

[Jonny 5]

Ich habe mehre <table> blöcke in einem Div, die jeweils per float:left nebeneiander angeordnet werden sollen. Drücke ich im Firefox auf Seite aktualisieren ordnet er die Boxen wahllos neu an...

Probiere in deiner Schleife, die Blöcke ausgibt etwas in der Art:

  
<?  
# Alle 4 Blöcke Zeilenumbruch...  
$boxcount++;  
if($boxcount%4==0){  
  echo '<br style="clear: left" />';  
}  
?>  

bzw:
clear: both

lg,J5