Hallo + DIV-Container zentrieren

Hallo + DIV-Container zentrieren

Beitragvon Tommy » 08.02.2008, 18:42

Erstmal ein "Hallo" an alle hier.

Ich beschäftige mich mit CSS nun schon eine kleine Weile doch nun kommt der Punkt an dem ich resigniere.

Weiß nicht wie ich das beschreiben soll, also ich habe eine Seite mit einer Breite von 100% festgelegt (keine feste Pixelbreite also), nun würde ich gern auf diese dynamische Breite 3 DIV-Boxen nebeneinandersetzen wollen und die mittlere sollte zentriert sein.

Bis zu den drei Boxen bin ich gekommen, dann hörts auf. Ein weiteres Problem ist, dass die Boxen sich verschieben wenn ich den Browser kleiner mache bzw. die Auflösung niedriger wird und dann sieht alles sehr seltsam aus. Habe es mit min-width versucht aber das soll ja nicht wirklich immer unterstützt werden. Mein Anliegen ist also das mein Layout die volle Breite des Browsers nutzen, sich aber nicht versetzen wenn die Auflösung geringer wird.

Mein Lösungsansatz war, in die 100%-Box drei Boxen zu setzen mit einer festen Breite, somit würde sich schonmal nichts verschieben, doch dann hab ich wieder das Problem die mittlere Box zu zentrieren. :(

ich bin schonmal im Voraus dankbar für jede Hilfe oder Denkanstoß.

Tommy
Tommy
neu hier
 
Beiträge: 2
Registriert: 08.02.2008, 18:34
Wohnort: Dahlen / Freiberg

Beitragvon Laus » 09.02.2008, 11:23

Hallo

Schau dir mal -->dieses<-- Beispiel an

Die Beschreibung dazu findest du -->hier<--. Ich vermute mal das du so etwas meinst.

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald

Beitragvon Tommy » 09.02.2008, 22:12

:D Danke erstmal für die Antwort habe mir das mal alles durchgelesen und wieder meinen Horizont erweitert. Doch leider ist es nicht ganz das was ich so brauche, habe mich mittlerweile auf 2 nebeneinanderstehenden Boxen beschränkt hab trotzdem noch meine Probleme.

Problem: eine "Überbox" mit 100% Breite, darin die 2 kleinen Boxen mit einer festen Breite von 400px. Soweit funktioniert das auch wenn ich beide auf float:left setze, außer im IE. Dieser stellt die Boxen auch NEBENEINANDER dar, doch wenn ich den Browser von Hand kleiner mache, zu vergleichen auch mit kleineren Bildschirmauflösungen, werden die Boxen untereinandergesetzt anstatt einen horizontalen Verschubbalken im Browser zu erzeugen, dies macht nur FF und Opera.

Tut mir leid das es wieder so umständlich formuliert ist, aber die CSS Welt wär für mich ohne den IE ertragbarer. :roll:

Vielen Dank nochmals.
Tommy
neu hier
 
Beiträge: 2
Registriert: 08.02.2008, 18:34
Wohnort: Dahlen / Freiberg

Beitragvon Laus » 10.02.2008, 09:20

Hallo

Setze für den IE einen Hack ein, dann macht der auch was Du willst.
Entweder Du schreibst dafür ein zweites CSS und bindest es über Conditional comments ein, oder Du benutzt einfach den "*html" Hack der bis zum IE6 funktioniert. Nach dem Muster:
Code: Alles auswählen
* html #Divname {width:800px;}

Besser ist aber der Ansatz von -->Stu Nicholls<--

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Hallo + DIV-Container zentrieren"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast