Layout mit feststehender Kopf/Fußzeile: permanente scrollbar
mak01
- css
Hallo,
ich versuche, dass hier vorgestellte Layout (http://aktuell.de.selfhtml.org/artikel/css/footer/#header_footer_feststehend
) mit feststehehender Kopf- und Fußzeile für meine Zwecke zu übernehmen und anzupassen. Wegen der Projektvorgabe, dass nur der IE7 (in einer abgewandelten Form) zur Ausgabe verwendet wird, und einiger Besonderheiten im Inhalt, benötige ich die Direktive <meta http-equiv="X-UA-Compatible" content="IE=7"/>
Das Problem: Es wird dann eine vertikale scrollbar angezeigt - auch wenn der Inhalt in das Fenster passt. Ohne die IE=7-Direktive wird sie nicht angezeigt)
Die Star-Hacks habe ich weggelassen, da sie für den IE7-Mode ohne Belang sind.
Wie kann man das Layout verwirklichen, ohne die Anzeige einer permanenten Scrollbar?
Gruß
Andreas
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7"/>
<title>Feststehende Kopf- und Fußzeile</title>
<link rel="Stylesheet" media="all" type="text/css" href="standard.css">
<style type="text/css">
/* Angaben für alle standardkonformen Browser */
body
{
margin:0;
padding:0;
}
#content_container
{
padding-top:4.85em;
padding-bottom:3em;
padding-left:0;
}
#header
{
position:fixed;
top:0px; left:0px; right:0px;
background:#efefef;
text-align:center;
padding:10px;
}
#footer
{
position:fixed;
bottom:0px; left:0px; right:0px;
background:#efefef;
text-align:center;
padding:10px;
}
</style>
</head>
<body>
<h1 id="header">Seite mit Header und Footer (1)</h1>
<div id="content_container">
<div id="content">
<p>Lorem ipsum</p>
</div>
</div>
<div id="footer">
<b>Und hier ist der endgültige Footer!</b>
</div>
</body>
</html>
Om nah hoo pez nyeetz, mak01!
Wegen der Projektvorgabe, dass nur der IE7 (in einer abgewandelten Form) zur Ausgabe verwendet wird, und einiger Besonderheiten im Inhalt, benötige ich die Direktive
<meta http-equiv="X-UA-Compatible" content="IE=7"/>
, die der IE7 gar nicht versteht.
Das Problem: Es wird dann eine vertikale scrollbar angezeigt - auch wenn der Inhalt in das Fenster passt. Ohne die IE=7-Direktive wird sie nicht angezeigt)
Wie kann man das Layout verwirklichen, ohne die Anzeige einer permanenten Scrollbar?
indem du den IE nicht in den Quirksmodus schickst.
Matthias
@@Matthias Apsel:
nuqneH
indem du den IE nicht in den Quirksmodus schickst.
s. https://forum.selfhtml.org/?t=208893&m=1421165
Qapla'