Moin!
Hallo,
an meinem neuen Design "http://www.timwoelfle.de/newdesign/home.php" gibt es 4 divs, das Logo, der Titel, die Navigation und der Inhalt. Nun sollen aber Navigation und Inhalt immer gleich lang sein, wie kann ich dass erreichen?
Dein Design ist ein typisches Tabellendesign - nur eben ohne Tabellen.
Du hast die Wahl: Entweder stellst du auf Tabellen um - dann orientiert sich die Ausdehnung der Zeile "Navigation&Inhalt" am längeren von beiden, oder du stellst dein Design so um, dass du diese Notwendigkeit des Gleichlang nicht mehr hast. So wie es jetzt ist, sollte es jedenfalls nicht bleiben.
Ich weiß natürlich nicht, in welchen Bereichen dein Layout dynamisch sein soll, aber mit ein paar Tricks kriegt man trotzdem gleiche Längen bei beiden Spalten hin - zumindest optisch.
Was ich gerne mal anwende: Tricks mit Hintergrundbildern.
Schematisch sehen deine DIVs so aus:
+---------------------------+
|+-----+ |
||Menü | Inhalt |
|| | |
|+-----+ |
| |
| |
+---------------------------+
Du kannst dem Div "Inhalt" ein Hintergrundbild geben, welches den orangenen Trennstreifen realisiert. Die Hintergrundfarbe des DIV ist gelb. Durch positionieren des Hintergrundbildes an der gewünschten Position und wiederholen nur in Y-Richtung (background-repeat:repeat-y) kriegst du einen senkrechten Streifen. Links davon wird dann das Menü platziert, und damit der Inhalt nicht nach links rüberläuft, gibst du dem Inhalts-DIV ein passendes Padding links, um Abstand zu halten.
- Sven Rautenberg
"Bei einer Geschichte gibt es immer vier Seiten: Deine Seite, ihre Seite, die Wahrheit und das, was wirklich passiert ist." (Rousseau)