mann mann schau dir doch einfach mal n paar css grundlagenbücher an...
ok..
nimm in deine css dies auf...
position:fixed;
und schon gehts...
wirst aber dann immernoch im explorer probleme haben...
dies löst du durch ein js o eine expression direkt in deiner css...
aber hierfür musst du selber googeln...
ok habe eben doch mal in in einer von mir erstellten css nachgesehen...
baue dies einfach in deine css ein und es sollte mit den meisten aktuellen browsern gehen....
#footer
{
position: fixed;
bottom: 0px;
width: 800px;
height: 32px;
padding: 8px 0 0 0px;
background-image: url(images/footer.jpg);
z-index: 2;
/*IE HACKS*/
*position: absolute;
*top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
so euch nen guten rutsch...
achja da ich nur kurz zeit hatte und die css noch nicht veröffentlich ist kann ich dir aber keine garantie auf eine 100% lauffähigkeit geben...
Danke für die Hilfe! HAb das jetzt eingebaut und der footer funktioniert jetzt auch in bei den browsern.....allerdings macht der header noch probleme! Habe leider keinen Plan, was diese IE-Hacks aussagen, aber ich nehm mal an, dss man die irgendwie umschreiben muss, um sie für den header zu verwenden! Habs nähmlich in header auch rein, allerdings klebt der jetzt auch ganz unten...
Kann du mir vll sagen, was ich da noch ändern muss?
Vielen Dank schonmal!
lg nordic
naja eigentlich musst du nichts änder der header soll doch IMMEr obe stehen !! ???
O mann jetzt passt irgendwie gar nix mehr :x
Schaus dir am besten mal selbst an:
http://trash.gm-projects.de/nordic/template.html
unter ff am mac passts... bis auf den menü...
am pc konnt ichs nicht testen da er in mom nicht hier ist..
Hilfe, ich werd noch wahnsinnig....habe jetzt mal wieder 5 stunden im css.de chan verbracht ohne erfolg!!!! Kennt sich hier niemand mit sowas aus?!?! Hab das jetzt mal mit diesen expressions versucht aber irgendwie ist das glaub ich auch keine richtige lösung :-/ 1. es funktioniert nicht 2. irgendwie verlangsamt das die seite!
Bitte helft mir!
lg nordic
So also das template selbst geht jetzt! http://trash.gm-projects.de/nordic/template.html
Hab das jetzt ins typo eingebunden: http://netsh21215.dbdserver.de/typo/ Im FF funktioniert das jetzt auch ganz gut, nur der IE macht wieder Probleme....irgendwie interpretiert der die expressions gar nicht, oder zumindest falsch 🙁
Kann mir vll jemand sagen, woran das liegt?
thx, nordic
tut mir leid, dass ich damit immer weiter mache, aber ich brings einfach nicht hin #evil# Hab jetzt ne Zeit lang für IE expressions benutzt, allerdings ist da nur der footer stehen geblieben und es funktioniert nur mit ActiveX ... von daher finde ich das keine besonders gute Lösung!
Kann mir hier nicht irgendjemand erklären wie das auf meade.de bewerktstelligt wurde? Da funktioniert das irgendwie perfekt....
Wäre euch unendlich dankbar!!!!!
nordic
mach mal aus deinem template und deiner css n zip und schiebs rauf ich sehs mir an
nur so ne idee.... sollte aber gehen... nicht ausführlich getestet...
deine html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="template.css" />
</head>
<body>
<div id="main">
<div id="header">
###HEAD###
</div>
<div id="navi">
###MENU###
</div>
<div id="content">
laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
</div>
<div id="footer">
###FOOTER###
</div>
</div>
</body>
</html>
und hier deine css:
body
{
margin: 0;
background-image: url('template/layout/bg.gif');
}
#main
{
position: absolute;
margin-left: auto;
margin-right: auto;
width: 920px;
height: 100%;
background-color: #CCC;
}
#header
{
width: 920px;
height: 150px;
background-color: #FFF;
}
#navi
{
width: 920px;
height: 30px;
background-color: #F60;
}
#content
{
width: 920px;
height: 80%;
}
#footer
{
width: 920px;
height: 150px;
background-color: #FFF;
position: fixed;
bottom: 0px;
*position: absolute;
*top: 100%;
*margin-top: -150px;
}
lg flo
Weiß net, ob ich da jetzt was falsch verstanden hab, aber irgendwie funktioniert dein quelltext bei mir net... also bei mir war im IE nichts gefixed!
Hab jetzt mal mein template hochgeladen:
http://trash.gm-projects.de/nordic/template.zip
Danke schonmal fürs anschaun!
nordic