nicht angemeldet
Hallo Forum,
Mein CSS-Layout soll etwas so aussehen:
__________________________
| | |
|div | div title |
|navi|_____________________|
| | |
| | |
| | div content |
| | |
|__________________________|
Zuerst habe ich das so gemacht:
#title {
float:right;
height:100px;
width:78%;}
#left {
width:18%;
height:330px;
float:left;
margin:0;}
#content {
width:70%;
float:left;
margin-left:3%;}
Das sah in den meisten Browsern ganz OK aus und war supervariabel, leider etwas zu variabel, denn je nach Vorhandensein eines Scrollbalkens veränderte sich die Breite der Seite und damit _alle_ Elemente, auch die des Navicontainers, und im Contentbereich veränderten sich die Umbrüche etc. Ich denke, das Verhalten ist bei Prozentangaben soweit korrekt; ich habe deshalb eine andere Lösung gesucht und mal den Tipp von Christian Seiler http://forum.de.selfhtml.org/archiv/2003/7/52197/#m287743 adaptiert:
/* Titelleiste mit Bild */
#title {
float:right;
height:100px;
margin-left:210px;}
#left {
width:200px;
float:left;}
#content {
float:right;
margin-left:210px;}
Jetzt steht #title und #navi korrekt, aber der #content zwar horizontal korrekt mit 210px margin, vertikal aber unterhalb von #navi. Und zwar unabhängig davon, ob #title existiert oder nicht oder in welcher Reihenfolge ich die beiden rechten Container im html-Code plaziere. Warum floatet #title korrekt, #content aber nicht?
Ich frage mich außerdem, ob mein Scrollbalken-Problem damit gelöst wäre. Zumindest bei der Navi, #content bleibt ja variabel (und soll es auch bleiben)
Sorry, kann z.Zt. keinen Link zum Problem posten. Ach ja: validiert ist es natürlich, html und css.
Die diversen Links zu Meyerweb usw. hab ich gelesen, finde aber gerade mein Problem dort nicht.
Habt Ihr einen Tipp für mich? Ich hoffe, ich hab mich einigermaßen verständlich artikuliert.
Schöne Grüße aus Köln-Ehrenfeld,
Elya
We are still confused, but on a higher level.