Hallo zusammen,
ich bin dabei meine Homepage von Tabellen zur Layoutgestaltung und von Frames zu befreien.
Ich verwende jetzt SSI um die Navigation einzubinden und DIV's für das Layout.
Nun habe ich im IE und in Firefox ein unterschiedliches Verhalten. Die background Eigenschaft funktioniert in Firefox nicht richtig.
Die linke Navileiste soll mit Hilfe eines kleinen wiederholenden Hintergrundbildes so weit nach unten aufgefüllt werden bis das Browserfenster zu Ende ist.
Das versuche ich mit der overflow:hidden Eigenschaft zu erreichen:
<style type="text/css">
<!--
#navi_links { position:absolute; top:0px; left:0px; height:100%; overflow:hidden}
-->
Im Body-Bereich binde ich über SSI die Datei mit der Navigation ein.
Dort wird die class "navi_fuss_3" verwendet.
<div id= "navi_links">
...
<div class = "navi_fuss_3"></div>
...
</div>
Diese class habe ich in einer externen css-Datei untergebracht:
.navi_fuss_3 {
position:absolute;
top:547px;
left:0px;
width:100%;
height:1000px;
background:url(../images/fuss_3.jpg) background-repeat:repeat-y; }
Die Höhe von 1000px soll bewirken, dass der Hintergrund über das Browserfenster hinaus angezeigt wird, durch overflow:hidden wird
er dann passend an das Browserfenster angepasst.
Ist wahrscheinlich eine blöde Methode, aber wie kann man es besser machen?
Im IE funktioniert es. Hab es mit 1024*768 und 1280*1024 Auflösung getestet. Das Hintergrundbild fuss_3.jpg wird bis zum Seitenende
wiederholt. In Firefox wird der Hintergrund aber überhaupt nicht angezeigt.
Ich habe die Testseite auch mal hochgeladen:
www.technolust-stuttgart.de/test/home.shtml
Ich hoffe mir kann jemand weiterhelfen?
Vielen Dank & Grüße
Michael