<br clear=all> - Unterschiedliche Umsetzung bei Firefox und IE

[D.R.]

Hallo,

Warum verwendest du nicht einfach CSS und "clearst" damit den Absatz, statt <br> zu benutzen?

Komisch, jetzt gibt es in Firefox keinen Absatz, im IE hingegen schon. Also genau das Gegenteil von vorhin. (Der Absatz, also eine Zeile frei, ist übrigens erwünscht.)

Stimmt, das hatte ich nicht bedacht. Im Firefox (und auch Opera) fällt der Außenabstand (margin) des clearenden Element mit dem darüber liegenden Bereich zusammen.

Lösungsvorschläge:

1. <div> zum clearen zwischenschalten:

<table style="float: left;"> ... </table> // Zwei Tabellen, die nebeneinander  
<table style="float: left;"> ... </table> // angezeigt werden.  
<div style="clear: left"></div>  
<p> ... </p> // Beliebiger Text

2. Abstand durch Innen- statt Außenabstand erzielen:

<table style="float: left;"> ... </table> // Zwei Tabellen, die nebeneinander  
<table style="float: left;"> ... </table> // angezeigt werden.  
<p style="clear:left; padding-top: 2em; margin-top:0"> ... </p> // Beliebiger Text

Wobei ich mich gerade frage, warum die 2. Tabelle überhaupt floaten muss. Falls keine anderen Elemente daneben angeordnet werden sollen, wäre nämlich auch dies möglich:

3. letzte Tabelle ohne float:

<table style="float: left;"> ... </table> // Zwei Tabellen, die nebeneinander  
<table> ... </table> // angezeigt werden.  
<p> ... </p> // Beliebiger Text

mfg. Daniel