problem mit float...

Status
Nicht offen für weitere Antworten.

Geflügel

Erfahrenes Mitglied
ich hab folgenden code...

Code:
<div style="border: 1px solid #000;">
  <div style="float: left;">test</div>
  <div style="float: left;">test</div>
</div>

durch das "float" gehen die divs mit "test" und "test2" über den rahmen der haupt-div mit dem 1-pixel-rahmen hinaus. wie kann man das ändern und richtigstellen?
 
Hi,

stelle mit Hilfe der CSS-Eigenschaft clear den normalen Textfluss wieder her.
HTML:
<div style="border: 1px solid #000;">
  <div style="float: left;">test</div>
  <div style="float: left;">test</div>
  <div style="font-size: 1px; line-height: 0em; height: 0; clear: both;">&nbsp;</div>
</div>
Das zusätzliche DIV-Element wurde derart formatiert, dass es nicht ins Layout eingreift.

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück