josDesign
Erfahrenes Mitglied
Hallo liebes Forum!
Ich bastle gerade an meiner privaten Foto-Blog Homepage.
Zum Einsatz hierbei kommt TYPO3 und YAML im 2 Spalten Layout "Right-31".
ich konnte meine Seite nun schon nach zig Tagen für diese Browser richtigstellen:
Das Phänomen hierbei ist, dass die eigentliche Yaml-Seite gut funktioniert, bis auf ein paar Kleinigkeiten. Ich habe mir aber einen fixierten Footer zusätzlich eingebaut der immer am unteren Rand des Viewport sein sollte. Das ist er aber beim IE 5.5, IE 6.0 & Opera leider nicht.
Ich habe den Footer komplett unterhalb vom Yaml-Gerüst eingebaut:
Der enstprechende CSS-Code dazu lautet:
Im IE 6, 5.5 & Opera wird dieser nicht positioniert, sondern immer unterhalb des Inhalts angezeigt, außerdem fehlt im Opera der Hintergrund für diese Leiste.
Hat da evtl jemand eine Idee?
Vielen Dank im Voraus,
Jos
Ich bastle gerade an meiner privaten Foto-Blog Homepage.
Zum Einsatz hierbei kommt TYPO3 und YAML im 2 Spalten Layout "Right-31".
ich konnte meine Seite nun schon nach zig Tagen für diese Browser richtigstellen:
- Mozilla Firefox
- Ms Internet Explorer 7
- Safari
Das Phänomen hierbei ist, dass die eigentliche Yaml-Seite gut funktioniert, bis auf ein paar Kleinigkeiten. Ich habe mir aber einen fixierten Footer zusätzlich eingebaut der immer am unteren Rand des Viewport sein sollte. Das ist er aber beim IE 5.5, IE 6.0 & Opera leider nicht.
Ich habe den Footer komplett unterhalb vom Yaml-Gerüst eingebaut:
HTML:
<div id="navigationfooterholder">
<div class="navigationfooter">
<small id="footertext">Infotexte <a href="#"><strong>Weitere Informationen..</strong></a></small>
</div>
</div>
</body>
Code:
.navigationfooter {
#background-color:#CCCCCC;
#bottom:0px;
#color:#333333;
#height:15px;
#left:0px;
#margin:0px;
#opacity:0.8;
#padding:0px;
#position:fixed;
#width:100%;
#z-index:1000;
}
navigationfooterholder {
background-color:#CCC;
height:15px;
left:0px;
margin:0px;
padding:0px;
position:relative;
top:0px;
width:100%;
z-index:10000;
}
#footertext {
font-size:95%;
float:right;
left:4px;
margin-right:4px;
top:-1px;
}
.navigationfooter:hover { background:#fff; opacity:1.0;}
Im IE 6, 5.5 & Opera wird dieser nicht positioniert, sondern immer unterhalb des Inhalts angezeigt, außerdem fehlt im Opera der Hintergrund für diese Leiste.
Hat da evtl jemand eine Idee?
Vielen Dank im Voraus,
Jos
Zuletzt bearbeitet: