Mehrere Container nebeneinander

[matibaski]

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:

<div id="all">
 <div id="top_title">Exponent &bull; sviramo sve vrste vaših zabava</div>
 <div id="pic">
  <div class="pic_">sf</div>
  <div class="pic_">sdf</div>
  <div class="pic_">sdf</div>
  <div class="pic_">sdf</div>
  <div class="pic_">sfd</div>
  <div class="pic_">sdf</div>
 </div>
</div>

Ganz einfach

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

#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;
}

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

 

[N43]

Hallo,

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

N43

 

[pennywise]

probiers mal mit {float: left/right}

 

[matibaski]

?? 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

 

[pennywise]

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

 

[threadi]

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

 

[matibaski]

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

<div id="pic">
  <div class="pic" style="float:left;">Slike1</div>
  <div class="pic">Slike2</div>
</div>

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

 

[N43]

Hallo,

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


N43

 

[matibaski]

Klappte!
Nur habe ich ein Darstellungsproblem.
Siehe hier

MfG, matibaski