Div mit Backgroundimage und Text darüber legen

[Efchen]

Du hast da noch irgendwo clears drin, die für den Abstand verantwortlich sind.

Bedenke:
Dein topmenu benutzt float. Daher ist es nicht mehr im normalen Textfluss. content beginnt deswegen an der selben Stelle wie topmenu (weil ja rightmenu auch gefloatet ist). Daher siehst Du die gestrichelte Linie nicht mehr.

Wer float sagt, muss auch clear sagen :-)
Aber dann eben clear:left, damit nicht auch das rightmenu gecleart wird.

Und wenns dann im IE noch nen Abstand gibt, dann ist das einer der zahlreichen float-Bugs, die das Ding noch hat.

 

[power]

Also das Problem mit der gestrichelten Linie hat sich jetzt gelöste. Die wichtigen CSS-Stellen sehen wie folgt aus:

ul#topmenu li{
float: left;
background-image: url(images/button_topmenu.jpg);
}

jetzt wird das float: left vom topmenu gecleart

div#content{
clear: left;
width: 760px;
border: dashed 1px;
padding: 10px;
margin-left: 10px;
margin-top: 10px;
}

das rightmenu hat

ul#rightmenu{
float: right;
list-style: none;
margin-top: 0px;
margin-left: 800px;
}

und zum Schluss wird im Footer das float: right gecleart.

p#footer{
clear: right;
background-image: url(images/footer.jpg);
width: 1000px;
height: 50px;
}

Jetzt habe ich jedoch noch etwas falsch gemacht, denn im Firefox und im Internet Explorer ist jetzt ein Abstand vorhanden :sad:. Wo liegt nun der Fehler? Das kann doch eigentlich nicht so schwierig sein, immerhin versuche ich es jetzt schon eine Woche lang^^.

 

[power]

Ich habe es nun endlich geschafft. Thread kann geschlossen werden.