• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Divs nebeneinander mit overflow

SNEPPA

New member
Hallo!
Ich will in ein ungefähr 600*300 großes div mit overflow: auto;
alle darin enthaltenen divs (egal wie viele) nebeneinander bekommen.
Das ist mir bis jetzt nicht gelungen, da er immer einen Umbruch macht, wenn er am Divende ist. Ich will aber dass man scrollen muss.
Versteht ihr? ;)
Schonmal danke im Vorraus

MfG SNEPPA
 
Mach ein "Hauptdiv" mit einer festen Höhe(!).
In dieses Div packst Du alle anderen div's mit float:left rein.
Das hatten wir aber schonmal hier. Über die interne Suche wirst Du bestimmt fündig...
 
Genau das habe ich schon versucht, sonst würde ich es auch hier nicht posten,
aber anscheinend geht das wegen dem overflow nicht. Und deswegen hät ich
gern ne andere Variante.
 
Das ist die HTML Datei, wie gesagt, da gehört Text rein.
Code:
         <div id="text">
         	<div class="fun">Hallo!</div>
         	<div class="fun">Hallo!</div>
         	<div class="fun">Hallo!</div>
         	<div class="fun">Hallo!</div>
         	<div class="fun">Hallo!</div>
         </div>
Und das die CSS
Code:
#text
{
	padding-top: 23px;
	width: 615px;
	height: 337px; 
	overflow: auto;
	white-space: nowrap;
	vertical-align: middle;
}
.fun
{
	background-image: url(images/box.gif);
	width: 300px;
	height: 250px;
	padding: 16px 0 0 10px;
	margin:  0 10px 0 5px;
	background-repeat: no-repeat;
}
das float left fehlt jetzt bei .fun, weil ich das mit dem White space ausprobiert habe.
Vielleicht hilft es euch ja, aber das mit dem White space funzt halt nicht.
 
Moin!

Pack innerhalb von #text 'nen Div mit ausreichend Breite, der dann die .fun-Dinger (natürlich mit float) enthält.

Ahoi - Pit
 
Zurück
Oben