selle1
Erfahrenes Mitglied
Hallo,
ich habe ein Layout, welches im FF zwar funktioniert aber leider nicht im IE. Habe schon ein wenig recherchiert und vermute, dass das Problem mit dem clearfix gelöst werden kann. Bekomme es aber nicht hin. Anbei das Stylesheet:
Der Footer will einfach nicht "herunterrutschen".
ich habe ein Layout, welches im FF zwar funktioniert aber leider nicht im IE. Habe schon ein wenig recherchiert und vermute, dass das Problem mit dem clearfix gelöst werden kann. Bekomme es aber nicht hin. Anbei das Stylesheet:
HTML:
body {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
background-color: #385A96;
}
a {
color:#FFCC33;
text-decoration:none;
font-size: 14px;
}
h1 {
font-size:16px;
color: #FFCC33;
}
h2 { font-size:14px; }
#wrapper { width:900px; margin:0 auto; padding:0; background: #385A96;}
#header { width:100%; height:150px; background-image:url(../images/header.gif); }
#header .logo { float:left; }
.logotext { float:left; width:200px; margin:55px 0 50px 30px; font-family:Trebuchet MS; font-size:22px; color:#FFFFFF; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }
#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#D2D2D2; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#999999; }
#content {
width:100%; height: auto; background-image: url(file:///C:/Users/chef/IRS/site/images/bg-mid.gif);
height: 453px;
}
#footer {text-align: center; background-image:url(file:///C:/Users/chef/IRS/site/images/bg-bot.gif); margin: auto;}
#left { float:left; width:150px; margin: 60px 0 0 100px;}
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a {
display:block;
width:120px;
margin:20;
padding:5px;
}
#left ul li a:hover{color: #fff;}
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a {
padding:5px;
}
#left ul li ul li a:hover{color: #fff;}
#breadcrumb {
float:right;
width:100px;
height: 20px;
}
#right { float:right; width:550px; margin-top: 60px; margin-bottom: 20px;}
#right p a { color:#FFCD59; font-weight:normal; text-decoration:underline; }
#right p a:hover {color: #FFFFFF; text-decoration: none;}
.clear { clear:both; }
Der Footer will einfach nicht "herunterrutschen".