Hallo,
vielleicht gibt es hier einen CSS-Profi, der mir weiterhelfen kann.
Ich habe per CSS eine dreispaltiges Layout.
1. Spalte: Navigation 1
2. Spalte: Content
3. Spalte: Navigation 2
Je mehr Inhalt die Spalte 'Content' enthält umso länger wird natürlich diese Spalte.
Jetzt möchte ich es erreichen, daß die 1. Spalte und die 3. Spalte sich in der länge der 2. Spalte anpassen.
Im Prinzip so, als wenn man dieses Layout mit einer dreispaltigen Tabelle programmiert hätte. Dort hätten ja auch alle Spalten die selbe Länge.
Die drei Spalten sollen später unterschiedliche Hintergrundfarben bekommen, deshalb ist es mir wichtig, daß die Längen übereinstimmen.
Hier ein Link mit dem bisherigem Ergebnis: http://www.javagruppe.de/temp/csstest.html
-------------------------------
#page {
background: #E911E6;
width: 818px;
padding: 20 0 0 0;
margin: auto;
}
#main {
background-color: #d5eeff;
padding: 0px;
border: 1px solid #09f;
margin: 10px 149px 10px 149px;
}
#left {
background: #17407D;
padding: 0;
border: 1px solid #f99;
margin: 10px 0 0 0;
width: 148px;
position: relative;
float: left;
}
#right {
background: #FF7417;
padding: 0;
border: 1px solid #fc0;
margin: 10px 0 0 0;
width: 148px;
position: relative;
float: right;
}
#footer {
background-color: #eed5ff;
padding: 0;
border: 1px solid #90f;
margin: 10px 149px 10px 149px;
}
-------------------------------
<div id="page">
<div id="left">
Hier könnte das linke Menü stehen
</div>
<div id="right">
Hier könnte das rechte Menü stehen
</div>
<div id="main">
Content
</div>
<div id="footer">
Hier der Footer
</div>
</div>
-------------------------------
Vielen Dank und Gruß
Jan