Hallo,
ich tüftel gerade an einem Problem und komm nicht weiter.
Ich habe die klassischen 3 Bereiche: Header, Mitte, Footer. Nun hat mein Bereich "mitte" ein weißes Feld und dieses weiße Feld möchte ich das es immer bis zum Footer reicht. Dieser Footer ist jedoch am Ende des Browser fixiert. Wenn jetzt zu wenig Inhalt (verwende joomla) eingefügt wird, wird auch das Feld nur so groß wie benötigt. Ich hab es jetzt schon mit min-height probiert, aber es klappt nicht.
so sieht der Code aus:
Kann mir da wer weiterhelfen?
Danke, LG Ruth
P.S. Sorry für den seltsamen Titel. Ist mir erst zu spät aufgefallen das der jetzt garnicht passt und konnte es dann nicht mehr ändern.
ich tüftel gerade an einem Problem und komm nicht weiter.
Ich habe die klassischen 3 Bereiche: Header, Mitte, Footer. Nun hat mein Bereich "mitte" ein weißes Feld und dieses weiße Feld möchte ich das es immer bis zum Footer reicht. Dieser Footer ist jedoch am Ende des Browser fixiert. Wenn jetzt zu wenig Inhalt (verwende joomla) eingefügt wird, wird auch das Feld nur so groß wie benötigt. Ich hab es jetzt schon mit min-height probiert, aber es klappt nicht.
so sieht der Code aus:
HTML:
<body>
<div id="nofooter">
<div id="header">
<div id="topmenu"><jdoc:include type="modules" name="top" styles="xhtml"/></div>
<div id="suche"><jdoc:include type="modules" name="suche" styles="xhtml"/></div>
<div id="logo"><img src="templates/roithner_template/images/logo.gif" /></div>
</div><!-- Ende Header -->
<div id="mitte">
<div id="reiter"><jdoc:include type="modules" name="reiter" styles="xhtml"/></div><!-- Ende Reiter -->
<div id="eckenoben"></div><!-- Ende Eckenoben -->
<div id="mittebg">
<div id="links"><jdoc:include type="modules" name="links" styles="xhtml"/></div><!-- Ende Links -->
<div id="rechts"><jdoc:include type="modules" name="rechts" styles="xhtml"/></div><!-- Ende Rechts -->
<div id="breadcrumb"><jdoc:include type="modules" name="bread" styles="xhtml"/></div><!-- Ende Breadcrumb -->
<div id="inhalt"><jdoc:include type="component" styles="xhtml"/></div><!-- Ende inhalt -->
</div>
<div id="eckenunten"></div><!-- Ende Eckenunten -->
</div><!-- Ende Mitte -->
<div id="abstandhalter"></div><!-- Ende Abastandhalter -->
</div> <!-- Ende Nofooter -->
<div id="footer">
<p>xyz</p>
<p>Tel.: xxxxxx</p>
</div><!-- Ende Footer -->
</body>Kann mir da wer weiterhelfen?
Danke, LG Ruth
P.S. Sorry für den seltsamen Titel. Ist mir erst zu spät aufgefallen das der jetzt garnicht passt und konnte es dann nicht mehr ändern.
Zuletzt bearbeitet:
