|
|||
Mehrspaltiges Layout, automatische Längenanpassung an Inhalt
Hallo!
Ich habe eine Webseite, die etwas umfangreicher aufgebaut ist als ein 3 Spalten Layout. Es beginnt ganz normal mit einem Header, dadrunter geht es von links nach rechts wie folgt. Zuerst kommt eine Randgrafik die einen Abgrenzungsrahmen für die Seite bildet, danach einen Hintergrund für die Navigation, dann der Content und ganz rechts nochmals eine Randgrafik, genau wie links. Bis jetzt ist alles separat in div tags und per css ausgerichtet. Nun sollen sich die Hintergründe, je nach dem wie lang der Text im Contentbereich ist, automatisch der Länge anpassen! Nun meine Frage wie verschachtelt man das ganze :/ |
Sponsored Links |
|
||||
Ein Bild wäre gut.
Aber so wie ich es verstanden habe, musst du die Bilder nicht per [img]..[/img] einbinden sonder per css als Hintergrundbild mit background-repeat:repeat-x; Edit: <br style="clear:both;" \> nicht vergessen.
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
Sponsored Links |
|
|||
Die Hintergründe werden natürlich per css eingebunden.
Code:
BANNER ________________________________ |R| N | |R| |A| A | |A| |N| V | Content |N| |D| I | |D| | | | | | | | | | | In der Navigation werden ein paar Buttons eingefügt und im Contentbereich der Inhalt. Jetzt besteht jedes Teil Stück, also 4 Teile insgesamt, jeweils aus einem div-tag. Code:
<div id="left"></div> <div id="navibg"></div> <div id="content"> INHALT! </div> <div id="right"></div> Nun jedoch das Problem, ich kann ja keine feste Höhe definieren, bis wohin die Grafik sich wiederholen soll, daher soll sie variabel zum Inhalt sein, also nur so hoch wie der Inhalt ist, das aber auf alle 4 div-tags bezogen. Wie schon gesagt weiß ich nicht wie ich das korrekt verschachtel, damit sich jedes der 4 Teile automatisch anpasst! |
|
|||
Hi, ich hab genau das gleiche Problem. Ich möchte dass sich 2 divs links und ein div rechts dem div in der mitte anpassen.
Das Layout ist fast das gleiche wie bei DrSod bis auf dass der Banner in der mitte über dem Inhalt, also zwischen den beiden divs links und dem rechten ist. Hier ist die Seite: http://strayer.homeftp.org/eclipse/skjold_divbackup/ Hier die CSS Datei: http://strayer.homeftp.org/eclipse/s...fig/layout.css (Privater Server mit DSL, also etwas langsam. Sorry ^^ ) Falls da noch unreinheiten im CSS Code sein sollten, ich hab absolut keine Erfahrung damit, also nicht wundern Mein Layout: |
|
||||
__________________
Die Zeit hat ihre Kinder längst gefressen: hund (back in black) | ??? | ??? | ... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
dreispaltiges layout, footer soll immer mitwandern | sirrpa | CSS | 14 | 24.11.2005 19:57 |
div box bekomme ich nett zentriert??? | Hard@Bowl | CSS | 1 | 23.05.2005 12:22 |
CSS Layout - wie Inhalt einbauen? | r00t | CSS | 17 | 17.02.2005 21:58 |
CSS Layout: Höhe dem Inhalt anpassen - mit Mindesthöhe | trequ | CSS | 3 | 05.09.2004 12:29 |
Breite von DIVs | Daniel | CSS | 8 | 23.06.2003 19:01 |