[CSS] Divs mit float erscheinen untereinander

nicostumpf · #1 (**permalink**) 16.05.2012, 14:00

Hallo zusammen,

Ich habe das Grundgerüst einer Seite mit DIVs gestaltet und diese per float neben- bzw. untereinander angeordnet. Das ganze klappt auch wunderbar und sieht folgendermaßen aus:

*KLICK*

Das ganze sieht für den Benutzer jedoch folgendermaßen aus, wenn das Fenster kleiner als die Größe des Headers ist:

*KLICK*

Gibt es eine Möglichkeit, diesen Umbruch der rechten DIVs zu verhindern, sodass diese (auch bei zu kleinem Browserfenster) rechts neben DIV1 stehen und man horizontal scrollen muss, um sie im Gesamten zu sehen?

Hoffe ihr könnt mir helfen!

Gruß

Nico

take_a_7 · #2 (**permalink**) 16.05.2012, 14:15

Moin,

Screenshots alleine helfen gar nichts. Stell bitte ein lauffähiges Beispiel (vorzugsweise Online) zur Verfügung. Danke.

gruß,
take

nicostumpf · #3 (**permalink**) 16.05.2012, 14:24

HTML-Code:

<body>
 <div id="header"></div>
 <div id="content">
  <div id="box-big"></div>
 </div>
 <div id="right">
  <div id="box-small"></div>
  <div id="box-small"></div>
 </div>
</body>

CSS:

Code:

#header
 { width:930px;
   height:155px;
   position:absolute;
   top:15px;
   left:15px;
   background:url(header.png) no-repeat;
 }
#content
 { position:relative;
   float:left;
   top:169px;
   left:21px;
 }
#box-big
 { width:550px;
   margin:0px 0px 21px 0px;
 }
#right
 { position:relative;
   float:left;
   top:169px;
   left:44px;
 }
#box-small
 { width:329px;
   margin:0px 0px 21px 0px;
 }
#foot
 { position:relative;
   clear:left;
   top:169px;
   left:21px;
   width:900px;
   text-align:center;
   color:#888888;
 }

Hoffe das hilft, habe im Moment keine Möglichkeit das online zu stellen.

#foot: ist ein weiterer DIV, der sich unterhalb über die ganze Breite erstreckt.

take_a_7 · #4 (**permalink**) 16.05.2012, 14:28

Moin,

ich würde mal sagen lauffähig ist was anderes...
Edit this Fiddle - jsFiddle

gruß,
take

heiko_rs · #5 (**permalink**) 16.05.2012, 14:49

Float-Drop durch zu geringe Breite des Elternelementes. Falls dieses keine ausreichende feste Breite bekommen darf, kann es eine ausreichende Minimalbreite bekommen, per min-width, z.B. für body.

nicostumpf · #6 (**permalink**) 16.05.2012, 15:23

DANKE!

perfekt, daran lags.

min-width für body definiert und schon läufts !

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
joomla template	wrock	CSS	2	06.04.2012 19:24
CSS - CMS - lange Menus Balken/BG oben?	shinobi	CSS	3	13.10.2011 21:12
Webseite für Smartphones Optimieren.	Cybertronic	CSS	8	25.08.2011 11:44
Webseite für Smartphones Optimieren	Cybertronic	CSS	8	18.08.2011 09:16
So langsam bekomme ich die Krise mit den DIVs	Thuroc	CSS	12	12.11.2007 14:25