zeckensack
2006-08-18, 14:09:20
Ich hab' hier früher schonmal für viel Ärger gesorgt, weil ich ein Tabellenlayout vorgezeigt habe.
Wollte mich mittlerweile weiterentwickeln und lernen wie man mit CSS Layouts macht, und habe mir dafür mal den Code von csszengarden angeschaut und natürlich auch SelfHTML gewühlt.
Jetzt hab' ich auch was was in den Grundzügen schonmal funktioniert, aber irgendwie frage ich mich noch ob das alles sein kann, denn es kommt mir bissl primitiv vor. Mehr konnte ich leider aus den genannten Quellen noch nicht lernen.
Auf's wesentliche reduziert der aktuelle Stand:
CSS:body { margin:0px; padding:0px; color:#000; background-color:#FFF; }
.left { width:150px; padding:8px; position:absolute; top:0px; left:0px; background-color:#BCFFBC;}
.right { padding:8px; position:absolute; top:0px; left:0px; margin-left:166px; background-color:#FFFFFF; }
HTML:<!DOCTYPE blabla>
<html>
<HEAD>
blabla
</HEAD>
<body>
<div class="left">Text da so links. Text, Text, Text.</div>
<div class="right">Text mehr rechts.</div>
<p>Text unten drunter.</p>
</body>
</html>
Das ist ja quasi geschummelt. Der Container rechts und der Container links überlappen sich einfach ganz plump. Das Attribut magin-left im CSS sorgt nur dafür dass eine feste Anzahl Pixel des rechten Containers keine Inhalte hat. Die Definition ist nicht clever genug um in den überlappenden Bereich nichts zu rendern. Was passiert wenn das linke div einen Inhalt hat der breiter als 166px ist, brauche ich ja wohl nicht zu erwähnen. Ist das nicht eigentlich übel geschummelt? Ist das alles was man mit CSS machen kann: übel schummeln?
Ich hätte mir gewünscht dass es diese Überlappungen gar nicht gibt, und man stattdessen ~rechteckige Felder definieren kann die dann relativ zueinander angeordnet werden. Gibt es keine Möglichkeit die Position von divs im Bezug auf andere divs zu beschreiben, zB grob so ähnlich wie bei Java-GUI-Layoutmanagern?
Wollte mich mittlerweile weiterentwickeln und lernen wie man mit CSS Layouts macht, und habe mir dafür mal den Code von csszengarden angeschaut und natürlich auch SelfHTML gewühlt.
Jetzt hab' ich auch was was in den Grundzügen schonmal funktioniert, aber irgendwie frage ich mich noch ob das alles sein kann, denn es kommt mir bissl primitiv vor. Mehr konnte ich leider aus den genannten Quellen noch nicht lernen.
Auf's wesentliche reduziert der aktuelle Stand:
CSS:body { margin:0px; padding:0px; color:#000; background-color:#FFF; }
.left { width:150px; padding:8px; position:absolute; top:0px; left:0px; background-color:#BCFFBC;}
.right { padding:8px; position:absolute; top:0px; left:0px; margin-left:166px; background-color:#FFFFFF; }
HTML:<!DOCTYPE blabla>
<html>
<HEAD>
blabla
</HEAD>
<body>
<div class="left">Text da so links. Text, Text, Text.</div>
<div class="right">Text mehr rechts.</div>
<p>Text unten drunter.</p>
</body>
</html>
Das ist ja quasi geschummelt. Der Container rechts und der Container links überlappen sich einfach ganz plump. Das Attribut magin-left im CSS sorgt nur dafür dass eine feste Anzahl Pixel des rechten Containers keine Inhalte hat. Die Definition ist nicht clever genug um in den überlappenden Bereich nichts zu rendern. Was passiert wenn das linke div einen Inhalt hat der breiter als 166px ist, brauche ich ja wohl nicht zu erwähnen. Ist das nicht eigentlich übel geschummelt? Ist das alles was man mit CSS machen kann: übel schummeln?
Ich hätte mir gewünscht dass es diese Überlappungen gar nicht gibt, und man stattdessen ~rechteckige Felder definieren kann die dann relativ zueinander angeordnet werden. Gibt es keine Möglichkeit die Position von divs im Bezug auf andere divs zu beschreiben, zB grob so ähnlich wie bei Java-GUI-Layoutmanagern?