Frage zu CSS-Box Ausrichtung
0 0 0 0 
Detlef G.
Frage zu CSS-Box Ausrichtung
Hallo,
so ich hab mich jetz mit dem Box-Modell etwas mehr beschäftigt.
Aber die Ausrichtung meiner einzelnen Boxen macht mir noch Schwierigkeiten.
Wie geht man vor? Beispielsweise wenn man so was in der Art haben möchte:
-------------------------------------------
| Box1 |
-------------------------------------------
------- ------------------ ------
|Box2 | |Box3 | |Box4 |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
------- ------------------ ------
Ich würde es mir jetzt ganz grob so denken:
Box1: width und height definieren
margin-bottom definieren
Box2: margin-left für Abstand zum linken Seitenrand
width und height definieren
margin-right für Abstand zur Box3
float: left
Box3: width und height definieren
margin-right für Abstand zur Box4
float: left
Box4: width und height definieren
margin-right für Abstand zum rechten Seitenrand
Wahrscheinlich wird hier kaum etwas richtig sein. In meiner Testdatei hat es auch nicht geklappt :-(
Wie sieht es eigendlich mit dem "position" Attribut aus.
Ich hab es jetzt in einigen texten schon gesehen. Könnte damit eine Ausrichtung auch realisiert werden? Oder ist das was komplett anderes?
Vielen Dank
Chris
-
hi,
Wie geht man vor? Beispielsweise wenn man so was in der Art haben möchte:
Das kommt darauf an, welches Ergebnis du erreichen willst.
Ich würde es mir jetzt ganz grob so denken:
Ob du links oder rechts floatest, und was du einfach im Fluss beläst, wirkt sich vor allem dann aus, wenn die Elemente nicht alle nebeneinander passen - dann muss eins oder mehrere nach unten weichen.
Um also eine möglichst gute Umsetzung für diesen Entwurf zu erhalten, müsstest du dir erst mal überlegen, welcher Effekt in so einem Falle gewünscht wäre.
Wie sieht es eigendlich mit dem "position" Attribut aus.
Ich hab es jetzt in einigen texten schon gesehen. Könnte damit eine Ausrichtung auch realisiert werden?Jein.
Teilweise schon, aber mit einigen Nachteilen.
Und gerade Anfänger sind gut beraten, wenn sie von absoluter Positionierung Abstand nehmen.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Ob du links oder rechts floatest, und was du einfach im Fluss beläst, wirkt sich vor allem dann aus, wenn die Elemente nicht alle nebeneinander passen - dann muss eins oder mehrere nach unten weichen.
Um also eine möglichst gute Umsetzung für diesen Entwurf zu erhalten, müsstest du dir erst mal überlegen, welcher Effekt in so einem Falle gewünscht wäre.
»»
Ja ich weiß das die Boxen nach unten rücken wenn man z.B. das Browserfenster verkleinert... das war ja auch garnicht meine Frage.
Was meinst du jetzt mit deiner Aussage?
Erstmal möchte ich das was ich oben beschrieben hab in einer Auflösung von 1024x768 aufbauen. Damit ich überhaupt verstehe wie das funktioniert. Nur aus Theorie werde ich das nie hinbekommen.Wie sieht es eigendlich mit dem "position" Attribut aus.
Ich hab es jetzt in einigen texten schon gesehen. Könnte damit eine Ausrichtung auch realisiert werden?Jein.
Teilweise schon, aber mit einigen Nachteilen.
Und gerade Anfänger sind gut beraten, wenn sie von absoluter Positionierung Abstand nehmen.Ok dann werde ich das erstmal lassen.
-
hi,
Erstmal möchte ich das was ich oben beschrieben hab in einer Auflösung von 1024x768 aufbauen. Damit ich überhaupt verstehe wie das funktioniert. Nur aus Theorie werde ich das nie hinbekommen.
Das selfhtml-Weblog hat sich erst neulich ausführlich mit dem Thema Grundlagen für Spaltenlayout mit CSS befasst, und auch im Kapitel Mehrspaltige CSS-basierte Layouts findest du gute Anregungen.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; } -
Hallo Chris
Damit ich überhaupt verstehe wie das funktioniert. Nur aus Theorie werde ich das nie hinbekommen.
Für diesen Zweck habe ich mir mal diese Seiten gebastelt.
Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
-
-