[CSS] Div Container - Falsche Anordnung

[phpMorpheus2]

Hallo.
Ich habe nur eine kurze Frage da ich es nicht hinbekomme.
Ich will 3 Div Container nebeneinander haben.
(Links, Mitte, Rechts)

Die Div in der Mitte soll Zentriert sein.
Die Linke soll links-zentriert und die Rechte rechts-zentriert.
Wie bekomme ich das hin?
Mit Float will das nicht so wirklich gehen weil dann "Rechts" immer nach unten verschwindet.
Hat jemand ein kurzes Beispiel? Danke

[pekka]

Die rechte zuerst oder alle 3 float: left.

[phpMorpheus2]

ja dann sind alle 3 div container an einander. Aber der in der mitte soll auch in der mitte sein und der rechte immer ganz rechts.
und zwischen Links-Mitte-Rechts soll jeweils 200px abstand sein.
das ist mein Problem.

[pekka]

Margin oder position: relative und dann einen left-Wert.

[phpMorpheus2]

Folgende format.css:

body{
 background:#eee;
 font-family:arial,verdana,sans-serif;
 font-size:.9em
}

#werbung{
 width:100%;
 border:1px #999999 solid;
}

#links{
 font-size:.9em;
 top:20;
 left:20;
 width:200px;
 border:1px #999999 solid;
 float:left;
}

#mitte{
 background:#fff;
 border:1px #999999 solid;
 top:20px;
 left:20px;
 right:20px;
 float:left;
}

#rechts{
 top:20px;
 right:20px;
 width:200px;
 border:1px #999999 solid;
 float:left;
} 

[Kropff]

ich sehe nirgendwo ein position. und top:20; was? äpfel?. lies dir ggf mal das hier durch.

gruß
peter

[phpMorpheus2]

Ok Sorry. Nochmal der Code mit magine.
Ich möchte nun nur das "Rechts" auch immer rechts bleibt und "Mitte" immer in der mitte mit genau 20px abstand nach oben links und rechts (das macht ja das magine:20px)
Aber Ohne feste Positionen damit wenn ich das Browser fenster verkleinere nur die "Mitte" kleiner Wird.

body{
 background:#eee;
 font-family:arial,verdana,sans-serif;
 font-size:.9em
}

#werbung{
 border:1px #999999 solid;
 width:100%;
 margin:20px;
}

#links{
 border:1px #999999 solid;
 font-size:.9em;
 margin:20px;
 width:200px;
 float:left;
}

#mitte{
 border:1px #999999 solid;
 background:#fff;
 margin:20px;
 float:left;
}

#rechts{
 border:1px #999999 solid;
 margin:20px;
 width:200px;
 float:left;
} 

[pekka]

Das geht meinem Verständnis nach nur mit Tabellen, außer jemand kennt einen Trick mit margin-left: auto, margin-right: auto oder ähnliches....

[Kropff]

doch das geht. schaut euch mal meinen auftritt an. allerdings mußt du dafür die reihenfolge ändern.
1. linkes div float: left
2. rechtes div float: right
3. mittleres div

und schau dir mal den link an, den ich oben geschickt habe. bei mir gibt es sogar ein beispiel dazu! allerdings solltest du alles lesen, damit du es auch verstehst.

gruß
peter

[pekka]

Ich hab grad keine Zeit zum lesen, aber wenn das Problemlos geht, Asche über mein Haupt!
Es grüßt der Kölner Tabellen-Anarchist, dem nichts größere Freude bereitet als etwas zu finden, was mit CSS nicht geht

[Kropff]

Ich hab grad keine Zeit zum lesen

OffTopic:

---

dich habe ich ja auch nicht gemeint

---

peter

[PHP-Desaster]

Bringt das hier nix?

[Kropff]

Original geschrieben von PHP-Desaster
Bringt das hier nix?

ist das selbe in grün wie bei mir. aber nicht so toll erklärt

gruß
peter