Hallo,
ich habe ein Problem wofür ich keine Browser unabhängige Lösung finde. Im Prinzip ist es einfach:
Es gibt einen header (div), der über die ganze Breite der Seite geht und Randlos links, oben und rechts anliegt und eine feste Höhe hat, genau so einen Footer (div), bei der sein 100px hoch.
Dazwischen möchte ich einen div Kontainer positionieren, der immer genau 10px Abstand vom Header und Footer hat und vertikal scrollt, wenn zu viel Inhalt da ist. Das Browserfenster an sich soll nie Scrollbalken darstellen...
Dieser Code funktioniert im Firefox, aber nicht im IE. Im IE lässt sich der div content nicht scrollen. Außerdem hat der div content keine Höhe, wenn ich dort div container hineinsetze.
Hat jemand eine Idee?
Danke
Sambuco
ich habe ein Problem wofür ich keine Browser unabhängige Lösung finde. Im Prinzip ist es einfach:
Es gibt einen header (div), der über die ganze Breite der Seite geht und Randlos links, oben und rechts anliegt und eine feste Höhe hat, genau so einen Footer (div), bei der sein 100px hoch.
Dazwischen möchte ich einen div Kontainer positionieren, der immer genau 10px Abstand vom Header und Footer hat und vertikal scrollt, wenn zu viel Inhalt da ist. Das Browserfenster an sich soll nie Scrollbalken darstellen...
Dieser Code funktioniert im Firefox, aber nicht im IE. Im IE lässt sich der div content nicht scrollen. Außerdem hat der div content keine Höhe, wenn ich dort div container hineinsetze.
Code:
#header {id: header;
position: absolute;
width: 105%;
height: 100px;
z-index: 6;
left: 0px;
top: 0px;
background-image: url(pics/header-filmservice.jpg);
background-repeat: repeat-x;
background-attachment: fixed
}
#logo {id: logo;
position: absolute;
width: auto;
height: auto;
top: 0px;
right: 0px;
z-index: 6;
}
#navi {id: navi;
position: absolute;
width: 80%;
height: auto;
z-index: 7;
left: 8px;
top: 39px;
text-decoration: none;
font: 10pt Verdana;
font-weight: bold
}
#footer {id: footer;
position: absolute; top: auto;
width: 105%;
height: 100px;
z-index: 6;
left: 0px;
bottom: -1px;
background-image: url(pics/footer-filmservice.jpg);
background-attachment: fixed;
background-position: bottom;
}
#content {id: content;
padding: 1px;
width: 99%;
overflow: auto;
position: absolute;
height: auto;
top: 110px;
bottom: 110px;
z-index: 2;
height: auto;
font: 8pt Verdana;
color: #C0C0C0;
}Hat jemand eine Idee?
Danke
Sambuco
