CSS Div Boxen floaten

[ArtjomZab]

sers, ich habe 2 div boxen die nebeneinerander positioniert werden sollen. ich kann sie in einer linie positionieren aber nicht neben einerander.

div#box1{
position:relative; width:500px;
float:left;
}

div#box2{
position:relative;
float:right;background:red; width:300px;
}

http://img827.imageshack.us/img827/1663/divu.png

irgend eine idee?

 

[oerpli]

also ich erkenne ja auf dem bild recht wenig...

 

[ArtjomZab]

naja man erkennt die beiden roten boxen um die es geht, oder welche information meinst du fehlt?

Ergänzung (24. August 2010)

phuu blöder fehler,

beide boxen müssen das float auf left haben^^

 

[S.o.T.]

Hi,

du solltest dir, um die Performance deiner Webseiten zu optimieren, angewöhnen, jede CSS-Eigenschaft nur einmal zu definieren. Selektoren sind schneller als Eigenschaften, weshalb folgender Code sinnvoll ist:

#bla, #bla2, #bumsdi, #dingen {
  float: left;
}

#bla {
  color: blue;
  ...
}

Die schlechtere Alternative ist demnach die mehrfache Deklaration von Eigenschaften.

Viel Spaß noch bei deinem Projekt!