Hi,
»» #top {
> background: url(top.png);
> background-position: center;
> background-repeat: no-repeat;
> }
Größe und Position bzw. Positions-Eigenschaften des Elements #top werden also nicht angetastet.
»» <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
> <title>Unbenanntes Dokument</title>
> <link rel="stylesheet" type="text/css" href="stylesheet.css" />
> </head>
> <div id="top"></div>
> <body>
> </body>
> </html>
Möchtest du das div-Element nicht lieber innerhalb des body setzen? Im Niemandsland zwischen head und body fühlt es sich ausgesprochen unwohl.
Bei diesem Code habe ich jetzt aber das Problem, dass die "Top.png" Grafik nicht angezeigt wird.
Natürlich. Sie ist ja auch nur als Hintergrundgrafik definiert, das Element, zu dem sie gehört, hat aber die Höhe 0, weil es leer ist.
Ich bin drauf gekommen, dass die Grafik nur dann erscheint, wenn ich in die Div Box einen Text hineinschreibe.
Ja, dann hat das div auch eine Höhe >0.
In meinem Fall sollte aber dieser Teil auf meiner Website leer sein.
Dann wirst du eine Höhe (oder eine Mindesthöhe) per CSS vorgeben müssen.
Ciao,
Martin
"Drogen machen gleichgültig."
- "Na und? Mir doch egal."