03.04.2007, 18:18
|
|||
|
|||
IE Problem + Kritiken
Hey Leute ich hab ein nettes kleines CSS Testlayout online gestellt und
nun jedoch folgendes Problem: IE schiebt die footer Zeile irgendwo in den Content rein. Der content 2 Bereich sollte eigentlich bei übergroßem Inhalt Scrollbar werden und unter dem balken und dem content 1 verschwinden. ----------------- Content1 ----------------- balken rot ----------------- content 2 scrollbar ----------------- statusleiste fixed Leider will das Ding so nicht. Bitte um eure vorschläge. Wär echt total super und ich möchte ja auch was lernen... Caminos.co.at - Architekturbüro Tamas Szora Levente hier noch die css Code:
.header {
top: 0px;
left: 0px;
width: 100%;
height: 98px;
background-color: white;
z-index: -1;
}
.blauli {
top: 80px;
width: 461px;
height: 18px;
background-color:#970505;
position: fixed;
}
.blaure {
top: 300px;
left: 190px;
width: 100%;
height: 18px;
background-color:#970505;
position: fixed;
}
.footer {
bottom: 0px;
left: 0px;
width: 100%;
height: 15px;
background-color:#970505;
position: absolute;
font-family: Verdana;
font-size: xx-small;
color: white;
text-align: right;
clear:both;
z-index: +1;
}
.content {
position: fixed;
right: 0px;
top: 98px;
left: 190px;
height: 204px;
background-color:#E4E4E4;
border-left: 1px solid #05548F;
background-image: url(images/lage.jpg);
background-repeat:no-repeat;
padding-right: 20px;
padding-left: 300px;
padding-top: 30px;
}
.contentunten {
right: 0px;
top: 319px;
left: 190px;
height: 100%;
background-color:white;
position: fixed;
border-left: 1px solid #05548F;
background-image: url(images/lauf.gif);
background-repeat: repeat-x;
padding-right: 20px;
padding-left: 10px;
padding-top: 30px;
}
h1 {
color: #970505;
font-size: small;
}
.headermenu {
text-align: right;
vertical-align: bottom;
}
.menu {
float: left;
padding-top: 30px;
padding-left:10px;
top: 98px;
width: 187px;
background-color:white;
position: fixed;
color:#C8C9CA;
font-size: small;
font-weight: bold;
height: 100%;
}
.menu li {
padding-left: 3px;
display: block;
}
.menu ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
html {height:100%;}
body {
height:100%;
width: 100%;
margin:0%;
padding:0%;
font-family: Verdana;
font-size: x-small;
text-align: left;
}
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>TEST CSS</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="header"> <img style="width: 200px; height: 91px;" alt="Caminos" src="images/logocaminos.gif"></div> <div class="blauli"> </div> <div class="menu"> <ul> <li><a href="test.html">Start</a></li> <li>Angebote</li> <li>Referenzen</li> <li>Preise</li> <li>Kontakt</li> <li></li> </ul> </div> <div class="content"> <h1>Test - Ein guter Plan ist die Grundlage für jeden guten Weg ... </h1> <br> content 1 text </div> <div class="blaure"> </div> <div class="contentunten"> content 2, der eigentlich scrollbar sein soll :) </div> <div class="footer"> © </div> </body> </html> 
|
| Sponsored Links |
|
04.04.2007, 10:57
|
|||
|
|||
|
Dir ist bekannt, dass der IE<7 position:fixed nicht kann? Abhilfe schafft ein etwas aufwändiger Workaround. -- LANtastic :: Artikel -- Position: fixed für Internet Explorer und andere Browser (in der suche findest Du noch mehr)
Du hast die Abstände nicht global "genullt". Das kann zu unterschiedlichen Darstellungen führen, wenn die Browser ihre Defaultabstände nutzen. Siehe FAQ-Thread, Thema "CSS Prolog". Ebenso wird dort der Doctype behandelt, der IE landet mit dem oben angegebenen im Quirksmodus und stellt das Boxmodell falsch dar. Absolute Positionierungen sind unflexibel. Alles absolut positionierte kennt weder seine Umgebung noch diese das absolut positionierte Element. Eine Anpassung der Elemente aneinander ist damit nicht mehr möglich.
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Dringend: CSS Problem! | zero | CSS | 19 | 31.12.2005 18:34 |
| Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 17:39 |
| Problem mit einem CSS Layout | nARC | CSS | 20 | 21.05.2005 06:28 |
| Problem bezüglich der z-index-Positionierung | Black Fladder | CSS | 14 | 04.10.2004 20:11 |
| Problem mit Background-Color im FireFox | to.ni | CSS | 2 | 31.08.2004 11:13 |
Linear-Darstellung
