✔ CSS Spinnt?! Im FF

Status
Nicht offen für weitere Antworten.
R

reddragon90

Erfahrenes Mitglied
Hallo,

könnt ihr mir sagen warum, das Logo im IE aber nicht im FF korrekt angezeigt wird?

Der Code:
Code: 
body{
background-color:#3365A4;
}
#container {
position:relative;
     width:1024px;
     height: 700px;
     z-index:1;
}
#topContainer {
    margin-left:50px;
    margin-top:76px;
    width:1024px;
    height:145px;
    background-image:url(screen/bg_header.gif);
    background-repeat: no-repeat;
    z-index:2;
}
#middleContainer {
    margin-left:50px;
    margin-top:0px;
    width:1024px;
    min-height:137px;
    height:auto;
    height:137px;
    z-index:1;
    background-image:url(screen/bg_middle.gif);
    background-repeat:repeat-y;
}
#Logo {	
    position:absolute;
    margin-left:10px;
    margin-top:10px;
    left:107px;
    top:107px;
    width:321px;
    height:57px;
    z-index:2;

}
#bottomContainer {
    margin-left:50px;
    margin-top:0px;
    width:1024px;
    height:170px;
    background-image:url(screen/bg_bottom.gif);
    background-repeat:no-repeat;
    top: 282px;
    left: 0px;
    z-index:5;
}

HTML: 
<body>
			

<div id="container">
<div id="topContainer">
<div id="Logo"><img src="../css/screen/logo.gif" width="312" height="58" /></div>
</div>
<div id="middleContainer"></div>
<div id="bottomContainer"></div>
</div>
</body>
 
Hi,

positioniere das DIV #topContainer relativ

Code: 
#topContainer {
    margin-left:50px;
    margin-top:76px;
    width:1024px;
    height:145px;
    background-image:url(screen/bg_header.gif);
    background-repeat: no-repeat;
    z-index:2;
    position:relative;
}
und korrigiere für das Logo die Positionsangabe von oben:

Code: 
#Logo {
    position:absolute;
    margin-left:10px;
    margin-top:10px;
    left:107px;
    top:31px;
    width:321px;
    height:57px;
    z-index:2;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück