[HILFE] Fehler in IE

Unregistriert

Hallo,
Ich habe ein kleines Design gecodet doch es wird im Internet Explorer nicht richtig angezeigt der Header wird dauernd wiederhollt, was eigentlich nicht sein sollte! Sondern nur einmal oben.

Hier ein Screenshot von dem Fehler
http://www.imagebanana.com/view/mrj02bym/fehler.PNG

HTML

<html>
<head>


<title>HabboHit ++ Wartung ++ </title>


<style type="text/css">
body{
background-image: url(bg.png);
margin: 0px;
}
#head{
background-image: url(header.png);
width: 100%;
height: 181px; 
position: absolute;


}
#headerm{
background-image: url(komplett.png);
width: 777px;
height: 383px;
margin-top: 50px;






}
#wart{
background-image: url(wartung.png);
width: 778px;
height: 50px;
margin-top: 10px;




}


</style>


</head>


<body>


<div id="head"><center><div id="headerm"></div></center></div>




</body>


</html>

Alles anzeigen

Unregistriert

- der "center" Tag ist seit HTML 3.2 *out* ... zum Zentrieren von DIVs kann man z.B. die DIV Attribute "margin-left:auto;margin-right:auto;" einfügen.
- "position:absolute" ist hier nutzlos.

Du benutzt du das '#' Individualattribut ... lese mal über CSS und die verschiedenen Inherit-Ebenen nach: dein HEADER benutzt in deiner Konfiguration die DIV-Höhe des HEADERM und versucht diesen auszufüllen, wird also in dessen Höhe bei mangelnder Eigenhöhe einfach wiederholt bis die benötigte Höhe erreicht wird.

Grundsätzlich ist '#' bei solchen einfachen Schachteln unnütz, gar kontraproduktiv. Nutze stattdessen Classes, also nicht "id=", sondern "class=". Siehe hier:

HTML

<html>
        <head>


        <title>HabboHit ++ Wartung ++ </title>


        <style type="text/css">
        body{
        background-image: url(bg.png);
        margin: 0px;
        }


        div.head{
        background-image: url(header.png);
        width: 100%;
        height: 181px; 
        }


        div.headerm{
        background-image: url(komplett.png);
        width: 777px;
        height: 383px;
        margin-top: 50px;
		margin-left:auto;
		margin-right:auto;
        }


        div.wart{
        background-image: url(wartung.png);
        width: 778px;
        height: 50px;
        margin-top: 10px;
		margin-left:auto;
		margin-right:auto;
        }


        </style>


        </head>


        <body>


        <div class="head"></div>
	<div class="headerm"></div>
	<div class="wart"></div>


        </body>


        </html>

Alles anzeigen

[HILFE] Fehler in IE

Tags

Benutzer online in diesem Thema