Homepage Layout verschiebt sich

[Neutral General]

Hi,

Im Anhang seht ihr bei 1.jpg meine HP wie sie (im Moment noch^^) aussehn soll und in 2.jpg seht ihr was mit dem ganzen Block passiert wenn man den Browser (sowohl IE als auch FF) verkleinert...

Ich denke ihr seht anhand der Bilder was mein Problem ist.

Hier die betroffenen Style-Definitionen (CSS):

Code:

div.header
{  
  width : 100%;
  height: 100px;
  float : top;
}

div.menuleft
{
  top: 10px;
  left: 0px;
  width: 160px; 
  float: left;
  color: #555555;
}

div.content
{
  width: 864px;
  background-color: #000000;
  color: #FFFFFF;
  float: left;
  padding-left: 8px;
  padding-top : 8px;
}

Gruß
Neutral General

[Die Muhkuh]

Gib am Body mal eine feste Größe.

[Neutral General]

Wie meinst du das?

[Matze]

Er meint

Code:

body
{
    width: 900px;  // oder 90% etc.
}

[Neutral General]

Höhö jo jetzt verschiebt sich nix mehr
Jetzt ist es schon von Anfang an falsch

(So wie in Bild2, auch im "Vollbildmodus"...)

EDIT: Wenn ich

margin: auto; weglasse dann gehts... k danke für die Hilfe

EDIT2: Doch nicht

Gruß
Neutral General