✔ Float läuft nicht

[Sententiaregum]

Hallo,

ich habe im Moment ein Problem mit float.
Im Header befinden sich zwei unsichtbare div Boxen

<div class="left"><h1>Heading</h1></div>
<div class="right"><form action="search" method="get"><input type="text" name="search" /></div>

.left {
float:left; width:50%;
}
.right { float:right; width:50%;}

Das Problem ist:
Die Boxen werden trotzdem untereinander angezeigt
Als erstes die 'left' Box, links ausgerichtet, dann die 'right' Box, rechts ausgerichtet, aber unter der 'left' Box

Könnt ihr mir helfen****
Gruß Sententiaregum

 

[Parantatatam]

Hast du sichergestellt, dass die Werte für padding und margin auf 0 sind? Diese werden in die Breite von Elementen dazugerechnet, weshalb der Wert bei über 100% liegen wird, obwohl nur 100% möglich sind. Dementsprechend werden die Boxen untereinander dargestellt.

 

[Sententiaregum]

Aha, das war also der Fehler. Herzlichen Dank einfach nur crack