DarkArchaon
Threadersteller
Dabei seit: 02.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 05.12.2007 18:08
Titel position:fixed im ie6? Browserhack? |
|
|
Hallo zusammen
Ich erstelle derzeit eine Website mit festem Footer, sprich der Footer soll immer am unteren Ende der Browsers zu sehen sein und nicht mit dem Inhalt mitscrollen...
Hab das ganze mit position:fixed gelöst, was auch ganz gut klappt... außer halt im ie6&5
War schon auf mehreren Seiten die ähnliche Probleme behandeln und hab auch schon Browserhacks ausprobiert... nur irgendwie klappt das ganze noch nicht und ich weiss nicht woran es liegt
Hab jetzt ein Browserhack drin, der Footer ist an der richtigen Position... aber das scrollen geht nicht(auch mit genügend Inhalt, so dass man scrollen kann)
Kann mir einer sagen was ich falsch gemacht hab? Oder mir sagen wie es richtig wär?
Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css" media="screen">
#contentcon
{
float: left;
width: 800px;
background-color:#454547;
background-image:url(ContentBox.jpg);
background-repeat:no-repeat;
color: #ffffff;
}
#footer
{
width: 100%;
height: 25px;
position: fixed;
bottom: 0px;
left: 0px;
background-color: #666666;
}
#footernav
{
width: 700px;
position: absolute;
left: 50%;
margin: 0px 0px 0px -350px;
padding: 0;
}
ul#footernav li
{
list-style: none;
display: inline;
}
* html, * html body
{
overflow: hidden;
}
* html #scroll
{
overflow: auto;
}
* html #footer
{
position: absolute;
}
</style>
</head>
<body style="background:url(BGV.jpg) repeat-x; background-color: #c3c5c6;">
<div id="scroll">
<div id="contentcon">
<div id="content">
Content Content Content...
</div>
</div>
</div>
<div id="footer">
<ul id="footernav">
<li>button1
</li>
</ul>
</div>
</body>
</html>
|
Wundert euch nicht wegen dem Design, hab alles unwichtige rausgekürzt um den Code hier übersichtlich zu halten...
Mir wär zwar eine Lösung lieb die an mein Beispiel angepasst ist, bin aber auch für jede andere Hilfe dankbar
|
|