Hallo zusammen,
ich bastel seit einigen Tagen an einem neuen Blog-Design, aber es will einfach nicht so werden, wie ich das gern hätte ;)
Merkwürdigerweise funktioniert es "offline" in einer reinen html Seite, aber sobald ich es Wordpress integriere, tauchen Fehler auf, die ich einfach nicht finde.
Vielleicht sieht ein weiteres Auge mehr? Würde mich über Hilfe freuen!
Das Gerüst:
Code
<style type="text/css">
body {
margin:0;
border:0;
padding:0;
height:100%;
max-height:100%;
background: #ffffff url('http://www.ffcorner.com/testb/wp-content/themes/tifa_grau/images/bg1.jpg') bottom left fixed no-repeat;
font-family:arial, verdana, sans-serif;
font-size:76%;
overflow: hidden;
}
/* for internet explorer */
* html body {
padding:129px 0 64px 0;
background: #ffffff url('http://www.ffcorner.com/testb/wp-content/themes/tifa_grau/images/bg1.jpg') bottom left fixed no-repeat;
}
#container {
font-family:"times new roman", serif;
position:fixed;
top:129px;
left:0;
bottom:64px;
right:0;
overflow:auto;
background: #ffffff url('http://www.ffcorner.com/testb/wp-content/themes/tifa_grau/images/bg1.jpg') bottom left fixed no-repeat;
text-align:center;
padding:20px;
}
#content {
font-family:"times new roman", serif;
font-size: 1.2em;
width: 500px;
text-align:center;
margin: auto;
}
* html #container {
height:100%;
width:100%;
}
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:129px;
overflow:auto;
background: #ffffff url('http://www.ffcorner.com/testb/wp-content/themes/tifa_grau/images/header.jpg') top fixed no-repeat;
}
* html #header {height:129px;}
#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:64px;
overflow:auto;
text-align:center;
background: #ffffff url('http://www.ffcorner.com/testb/wp-content/themes/tifa_grau/images/footer.jpg') bottom fixed no-repeat;
}
* html #footer {height:64px;}
</style>
</head>
<body>
<div id="header">
</div>
<div id="container">
<div id="content">
</div>
</div>
<div id="footer">
<p>blabla footer</p>
</div>
</body>
</html>
Online sieht das ganze so aus: http://www.ffcorner.com/testb/eine-seite/
Im FF, Opera und Chrome klappts wie es soll, aber der Ie [6], der zeigt online Mist an. Offline ist alles richtig, aber online in Wordpress wandert der footer mit, der content ist zu breit und alle rettungsversuche ändern nichts. Vermutlich habe ich etwas übersehen, nur was? :confused: