Hallo Zusammen
Ich blicke nicht mehr durch! Wo liegt der Fehler? Eigentlich gar nirgends. W3C Validator zeigt an dass alles korrekt ist und valid CSS!
Leider aber habe ich das Problem, dass im Internet exploirer alles korrekt dargestellt wird.
Im Firefox aber wird das Menu und der Inhalt (also das zwischen header und footer) oben rechts verschoben angezeigt statt schön in der mitte wie footer und header-Bereich.
Warum ist das so? Kann man das irgendwie und wenn ja, wie wbändern dami alles im IE und Firefox korrket dargestellt wird?
Hier der CSS Code:
Code:
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #000033;
}
#wrapper {
margin: auto;
width: 922px;
}
#faux {
background: url(images/faux.jpg);
margin-bottom: 5px;
overflow: auto;
width: 100%;
}
#header {
color: #333;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 5px 0px;
background-image:url(images/logo_920_130.jpg);
}
#leftcolumn {
display: inline;
color: #333;
margin: 0px;
padding: 0px;
width: 195px;
float: left;
}
#rightcolumn {
float: right;
color: #333;
margin: 10px;
padding: 0px;
width: 683px;
display: inline;
position: relative;
}
#footer {
width: 902px;
clear: both;
color: #333;
background: #ABBEBE;
margin: 0px 0px 10px 0px;
padding: 10px;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
#menu3 {
width: 218px;
border: 0px solid #ccc;
margin: 0px;
}
#menu3 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu3 li a:link, #menu3 li a:visited {
color: #888;
display: block;
background: url(images/menu3.jpg);
padding: 8px 0 0 30px;
}
#menu3 li a:hover, #menu3 li #current, #menu3 li a:active {
color: #283A50;
background: url(images/menu3.jpg) 0 -32px;
padding: 8px 0 0 30px;
}
Betrifft die Website
www.globesolutions.ch/index.php