der Übersichtlichkeit halber schreib ich die Styles inline und nicht in eine CSS-Klasse
Hi Jörg,
Ich kann überhaupt nicht nachvollziehen, was daran übersichtlicher sein soll.
Und wieso Klasse? Für einzeln identifizierbare Elemente sind IDs prädestiniert.
Außerdem geht bei dir der Text unter den div über die ganze Breite. Damit er das nicht tut, muss er auch noch in eine Box:
<body>
<div id="links">LINKER BEREICH</div>
<div id="rechts">RECHTER BEREICH</div>
<div id="hauptbereich">
Hier kommt einfach Dein Hauptbereich mit ganz viel Text
Hier kommt einfach Dein Hauptbereich mit ganz viel Text
Hier kommt einfach Dein Hauptbereich mit ganz viel Text
Hier kommt einfach Dein Hauptbereich mit ganz viel Text
Hier kommt einfach Dein Hauptbereich mit ganz viel Text
</div>
</body>
Im Stylesheet:
#links {
width: 200px;
float: left;
}
#links {
width: 200px;
float: right;
}
Anstelle von "links" und "rechts" wären aber Benennungen besser, die sich am Inhalt der Boxen, nicht an deren _gegenwärtig_ gewünschter Darstellung orientieren.
Und statt Breitenangaben in Pixeln lassen sich besser Angaben relativ zur Größe des Viewports und/oder zur Schriftgröße verwenden. Vorteilhaft finde ich width in % (gleiche Aufteilung bei allen Viewportbreiten) und min-width und max-width in em.
Live long and prosper,
Gunnar
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)