Probleme mit css float

[Raoul84]

Hallo zusammen,

ich beschäftige mich seit kurzem mit css und treffe schon auf ein Problem, welches ich selber nicht gelöst bekomme:
Ich habe einen header aufgebaut:

<div id="homepage">
  <div id="header">
    <div id="header_links">
    </div>
    <div id="header_logo">
    </div>
    <div id="header_menu_top">
    </div>
    <div id="header_menu">
    </div>
    <div id="header_menu_bottom">
    </div>
    <div id="header_menu_right">
    </div>
  </div>

mit flogendem style:

#homepage {
background-color:#CCCCCC;
width: 1020px;
height:100%px ;
}

#header {
background-color:#000000;
width: 1020px;
height:200px;
}

#header_links {
background-color: #444444;
width: 40px;
height:200px;
float:left;
}

#header_logo {
  background-color: #666666;
  width: 160px;
  height:200px;
  float:left;
}
#header_menu_top {
  background-color: #888888;
  width: 780px;
  height:40px;
  float:left;
}
#header_menu {
  background-color: #BBBBBB;
  width: 780px;
  height:60px;
  float:left;
}
#header_menu_bottom {
  background-color: #DDDDDD;
  width: 780px;
  height:100px;
  float:left;
}
#header_menu_right {
  background-color: #E0E0E0;
  width: 40px;
  height:200px;
  float:left;
}

nun ist mein Problem, dass #header_menu_right immer nach unten versetzt auf der rechten seite erscheint. wie bekomme ich diesen teil richtig platziert?

Vielen Dank schonmal für Eure Hilfe!

 

[cebito]

AW: Probleme mit css float

Sollen wir das jetzt nachbauen? Dein CSS-Ausschnitt ist zu wenig, niemand weiß, ob und wie du beispielsweise die Browserspezifischen Abstände resettest. Das ist aber wichtig zu wissen. Am besten stellst du es mal irgendwo online, dann kann man dir leichter helfen.

Und... validiere deine CSS, die Fehlerkonsole sollte dir für "height:100%px ;" ne Warnung ausspucken...

 

[der_fou]

AW: Probleme mit css float

Mal zu Deinem Problem:
1. wie cebito schon anmerkte, ist Deine bisherige Info (noch) etwas dürftig
2. wie sollte es denn Deiner Meinung nach aussehen?
... denn: wie bekomme ich diesen teil richtig platziert? ...hm, lässt ziemlich viel Spielraum

 

[fexx]

AW: Probleme mit css float

Noch ein weiterer Hinweis floats müssen "gecleared" werden. ;-)