nicht angemeldet
content/footer probs beim ie...
ja - hallo!
ich wende mich mit einem anliegen an euch dass zwar genaugenommen nicht wirklich wichtig ist, mich aber trotzdem um den verstand bringt. ernsthaft, ich dreh durch.
ich bastel für die band eines bekannten gerade ne kleine homepage, mit einer "enter"-seite, ich nenns jetzt mal so.
die seite hab ich durch spicken bei den 'selfhtml tips und tricks' gebastelt und in zwei bereiche unterteilt: content und footer.
der content: ein logo und zwei kleine textzeilen, der footer: ein paar links, durch bilder/logos dargestellt und ein mail-link.
basiert alles auf css.
im firefox verhält sich die seite genau so wie ich will, astreine sache. sobald der footer den text überdeckt kann man den content scrollen. toll.
im ie sieht das anders aus - den content-text kann man erst scrollen wenn der _untere_fensterrand_ den text überdeckt, und dann ragt ja der footer schon lang über selbigen hinaus.
mein problem: wie krieg ich unter berücksichtigung aller möglicher dinge hin dass der content beim ie scrollbar ist sobald er vom footer überdeckt wird?
hier mal die url zur momentanen enter-seite:
http://redbutton.plastick.org
ich bin hier sozusagen ein waschechter noob, darum weiß ich nicht obs probleme gibt wenn ich hier mal den code poste - ich mach das einfach mal...
--------------------------------------
<style type="text/css">
body { background-color:#000000; font-family:Arial; color:#FFFFFF; font-size:10px; font-weight:bold; }
html, body { margin:0; padding:0; top:0; left:0; right:0; width:100% }
a:link { color:#FF0000; text-decoration:none; }
a:visited { color:#FF0000; text-decoration:none; }
a:focus { color:#FF0000; text-decoration:none; }
a:hover { color:#FF0000; text-decoration:underline; }
a:active { color:#FF0000; text-decoration:none; }
/* Angaben für alle standardkonformen Browser */
#content {
margin-bottom:95px;
}
#footer_container {
position:fixed;
bottom:5px; left:0; right:0;
text-align:center;
margin:0;
height:100px;
z-index:3;
}
#footer {
position:absolute;
top:0; left:0; right:0; bottom:5px;
text-align:center;
width:100%;
z-index:3;
}
/* Nur für den MSIE */
* html, * html body {
overflow:hidden;
bottom:0;
height:100%;
}
* html #content {
position:static;
width:100%;
height:100%;
overflow:auto;
margin-bottom:-100px;
}
* html #footer_container {
position:absolute;
width:100%;
padding-right:16px;
}
* html #footer {
height:100%;
position:static;
}
</style>
--------------------------------------
kann mir _irgendjemand_ weiterhelfen?
wie schaff ich das?
im css-teil für den ie hab ich schon alles mögliche bei der content-definition versucht... mit schrecklichen ergebnissen...
ich hoffe mal es gibt ne lösung.
danke schonmal an jeden der sich die mühe gemacht hat bis hierher zu lesen, und shconmal danke für hoffentlich folgende, klärende antworten..
bye!
-
nachtrag:
falls sich jemand deswegen wundert:
* html #content {
position:static;
width:100%;
height:100%;
overflow:auto;
margin-bottom:-100px;
}war nur einer von vielen versuchen, das margin kann man auch komplett weglassen, ändert nichts...