Div zum anordnen des hompage hintergrundes

Scorpion84

Bin neu mit html und CSS kann mir einer helfen wie ich die div ändern muss.

Was muss optimirt werden damit der Code auch im internet explorer läuft
momentan funktioniert er nur im firefox

HTML

<html>
<head>


<style type="text/css">
body
{
    margin:0; padding:0;


}


#headerl
{
    background-image: url(images/headerl.png);
    width:253px;height:155px;
    position: absolute;top:0px;left:0px;
}
#headerm
{
    background-image: url(images/headerm.png);
    height:155px;
    position: absolute;top:0px;left:253px;right:109;
}
#headerr
{
    background-image: url(images/headerr.png);
    width:109px;height:155px;
    position: absolute;top:0px;right:0px;
}
.headimg
{
    position: absolute;top:45px;right:110px;
}
.titel
{
    position: absolute;top:75px;left:255px;
}


#main 
{
    min-height:570px;
    margin:155 0 0 0;
    padding:0;
    background-image: url(images/grau.png);
}
#middle 
{
    min-height:570px;
    margin:155 68 0 214;
    padding:0;
    background-image: url(images/gelb.png);
}
.text 
{
    margin:0; padding:0;
}


#footer
{
    clear: both;
    padding: 0;
    margin: 0;
}
#bottoml
{
    float:left;
    width:253px;height:88px;
    margin:0;padding:0;
    background-image: url(images/bottoml.png)
}
#bottomr
{
    float:right;
    width:109px;height:88px;
    margin:0; padding:0;
    background-image: url(images/bottomr.png)
}    
#bottomm
{
    height:88px;
    margin:0 88px 0 253px;
    background-image: url(images/bottomm.png);
    font-size:80%;
}


</style>


</head>
<body>


<div id="headerl">
</div>
<div id="headerm">
</div>
<div id="headerr">
</div>
<div class="titel">
  Titel
</div>
<div class="headimg">
 <img src="images/bild1.png" /> 
</div>




<div id="main">
<div id="middle">
    <div class="text">
            Text<br>dasdsddasdsd
dasdsdd asdsddasdsdda dsddasdsddasd sdda sdsddas dsddasd sdda sdsddas dsd dasdsdd asdsdd asdsddasd sddasdsddasdsd dasdsddas dsddasdsdd asdsddasds ddasdsdd asdsddasdsd dasds ddasdsddasdsddas dsddasdsddasd sddasdsddasds ddasdsd dasdsddasdsd<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag<br>sgdg<br>sdadsa<br>sad<br>asdasdd<br>sdafhsdfhs<br>dfsfdsag
    </div>
</div>
</div>


<div id="footer">
    <div id="bottoml">
    </div>
    <div id="bottomr">
    </div>
    <div id="bottomm">
</div>






</div>
</body>
</html>

Alles anzeigen

jojo87

Hallo.

Um den Helfern die Arbeit zu erleichtern, beschreibe dein Problem genauer.
"Geht nicht" ist keine Problembeschreibung!
Idealerweise stellst du das dann noch irgendwo online und postest hier einen Link.
Und benutze beim nächsten mal bitte die (code) <=>(/code) Tags des Forums (runde Klammern durch Eckige ersetzen), damit man deinen Quelltext besser lesen kann.
Ich habe das für den Post oben mal nachgeholt.

Grüße,
jojo

Scorpion84

Das Problemm ist das der internet explorer die seite nicht so wieder gibt wie der Firefox.

um zu sehen was ich meine muss man einfach den text in eine html datei stecken und mit den browsern öffnen.

Danke für das endern mit dem Code. Bin neu hier und wußte das noch nicht.

Gruß Scorpion84

sejuma

Verwende mal zunächst einen qualifizierten Doctype, damit der IE das CSS-Boxmodell korrekt darstellen kann.

Bei #middle fehlen beim Margin die Einheiten (px).

Wenn das nicht hilft, melde dich nochmal.
Besser wäre auch, auf die absoluten Positionierungen zu verzichten und statt dessen die Positionen durch margin und/oder float zu bestimmen.