container verrutschen bei verkleinerung von fenster

moreconcept · #1 (**permalink**) 22.08.2005, 18:41

hallo,

ich habe folgende test-seite: http://www.giani.info/css - wenn man sich das ganze in einem maximierten fenster anschaut, ist alles ok. wenn man nun das fenster aber horizontal verkleinert, verrutscht zuerst die googleads-container (rot) und später der content (grün) und das menü-top (lila). sämtliche boxen sollen aber so fixiert werden, wie sie bei einem maximierten browser-fenster zu sehen sind. da soll nix verrutschen, egal, wie man das fenster stretcht oder staucht... macht sinn oder?

aber wie geht das? hier ist der code:

html:

Code:

   <body>
      <div id="header">
         HEADER
      </div>
      <div id="mitte">
         <div id="menue">
            MENU
         </div>
         <div id="menue_top">
            MENÜ-TOP
         </div>
         <div id="content">
            CONTENT
         </div>
      </div>
      <div id="ads_rechts">
         GOOGLE-ADS
      </div>
      <div id="footer">
         FOOTER
      </div>
   </body>

css:

Code:

#header {
   background-color:#575757;
   width:670px;
   height:100px;
}

#menue {
   background-color:#3C8D7F;
   width:150px;
   height:500px;
   float:left;
}

#menue_top {
   background-color:#8D3C7B;
   width:520px;
   height:100%;
   float:left;
}

#content {
   background-color:#3C8D3C;
   width:510px;
   height:800px;
   float:left;
   margin:5px;
}

#footer {
   background-color:#3C588D;
   clear:both;
   border-top:5px #FFFFFF solid;
   width:670px;
}

#ads_rechts {
   background-color:#FF0000;
   float:left;
   height:600px;
   width:120px;
   margin-left:5px;
}

vielen dank schonmal für eure lösungsvorschläge

gruß,
günther

RoToRa · #2 (**permalink**) 23.08.2005, 12:51

Das ist völlig normal, und der Sinn von Floats: Wenn ein Element von der Breite her nicht den den Fenster passt, wird es in die nächste "Zeile" verschoben.

Wenn du es verhindern willst, musst du dem Body (oder einem umgebenden Element) eine feste Breite geben.

Ansonsten gilt die übliche Anmerkung: Flexible Layouts sind benutzerfreundlicher als solche mit festen Breiten.

Robin

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Anfängerfrage: Zentrierung in Galerie und Border-Problem	goldbeere	CSS	3	04.11.2013 19:07
Mittlerer div container bei Verkleinerung im Browser	Ria	CSS	8	22.07.2011 19:49
Positionierung von Container horizontal	mayhemtl	CSS	9	11.08.2007 15:25
Container nimmt nicht die Höhe seines Inhalts an	Lestat	CSS	10	04.08.2005 13:47
Mitwachsende DIV Container	Myjestic	CSS	9	27.07.2005 17:37