Inhalte verschieben sich bei Änderung der Fenstergröße

[sdoderer]

Hallo,
ich bastel zur Zeit an einer Homepage und habe folgendes Problem:
wenn die Größe des Browserfensters verkleinert wird, verschieben sich die meisten Inhalte bzw. wandern eine Spalte tiefer. Das Bild "Kinder01.gif" verschiebt sich aber interessanterweise nicht.
Was mach ich hier falsch? Webseite

screen.css:

Code: Alles auswählen

...
#mitte {
   background: #330033 url("../bilder/background.jpg") no-repeat;
   height: 290px;
   width: 900px;
   }
#kinder {
   margin-top: 24px;
   margin-left: 500px;
   }
#musik { 
   margin-left: 20px;
   }
#gesell {
   margin-left: 13px;
   margin-top: 20px;
   }
...


Gruß
Sascha

[Laus]

Hallo

wenn die Größe des Browserfensters verkleinert wird, verschieben sich die meisten Inhalte bzw. wandern eine Spalte tiefer.

Das ist ganz normal da die Fenster breite ja zur Darstellung nebeneinander nicht mehr ausreicht.

Das Bild "Kinder01.gif" verschiebt sich aber interessanterweise nicht.

Das liegt an deinem

Code: Alles auswählen

margin-left:500px;

Du kannst dem ganzen etwas entgegenwirken wenn du für dein Div #mitte ein min-width: 700px; hinzufügst.

Gruß Xaver