Mehrere Container nebeneinander

html.de-Forum HTML, XHTML & CSS
1

Mehrere Div’s nebeneinander.
Moin!
Habe folgendes Problem"chen":

Ich mache momentan eine Webseite mti Div Containern.
Nun ist es so, dass ich ein Div mit 100% höhe und Breite habe und darin sind immer div’s zentriert mit margin:auto.

Nun bräuchte ich 6 Div’s nebeneinander.

Hier ist mal das simple HTML Zeug:
[html]

Exponent • sviramo sve vrste vaših zabava
sf
sdf
sdf
sdf
sfd
sdf
[/html] Ganz einfach

Hier sind die 4 CSS-Formatierungen all, top_title, pic und pic_:

[code]
#all {
position:absolute;
top:0px;
left:0px;
width:100%;
text-align:center;
}

#top_title {
margin:auto;
width:750px;
text-align:center;
height:20px;
border:1px solid #ffffff;
font-size:14px;
font-weight:bold;
}

#pic {
margin:auto;
text-align:center;
width:750px;
height:145px;
border:1px solid #ffffff;
border-top:0px;
}

.pic_ {
margin:auto;
text-align:center;
width:125px;
height:145px;
border:0px;
}[/code]
Was müsste ich bei .pic_ ändern, dass mehrere nebeinander kommen?
Oder ist sowas gar nicht möglich?

Pls keine Antworten wie:
positioniere sie doch.
Meine Antwort darauf:
Kann ich nicht, denn nicht jeder hat die gleiche Auflösung und somit wäre das alles am falschen Platz.

Freue mich auf eue Antworten.

MfG, matibaski

2

Hallo,

bei .pic_ einfach noch float:left einfügen.

N43

3

probiers mal mit {float: left/right}

4

?? Da versteh ich Bahnhof.
Ich hatte bei meinem CSS Kurs mal float gehört, der hatte es aber nicht erklärt.

Könnt ihr mir da mal raushelfen?

MfG, matibaski

5

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

6

Und nimm den Unterstrich aus dem CSS-Klassennamen. Dann klappts auch mit älteren Browsern wie dem IE.

7

Will mit float:left auch nicht.
Ich weiss nicht, ob ich was falsch mache, aber hier sind die Codes:
[html]

Slike1
Slike2
[/html]

Hier die Stylesheets:

#pic {
margin:auto;
text-align:center;
width:750px;
height:190px;
border:1px solid #ffffff;
border-top:0px;
}

.pic {
text-align:center;
width:375px;
height:145px;
border:0px;
border-bottom:1px solid #fffffff;
}

Nun ist es so, dass das Div, dass float:left im Code hat, linkbündig ist, und das 2. ist zentriert. Das 2. ist auch unter dem 1.

Es sollten beide in #pic passen, da die Hälfte von der Breite 750px 375px ist.

Ich hoffe ihr könnt mir helfen.

MfG, matibaski

8

Hallo,

wenn du das float:left noch in die pic Klasse packst müsste es gehen.

N43

9

Klappte!
Nur habe ich ein Darstellungsproblem.
Siehe hier

MfG, matibaski