Willkommen in der Webstatt Zum Webstatt Blog und Stories
Yado Yado am 15.08.07 10:16

Hallo,
Ich habe ein Problem mit meinem Content Container, dort wird das Hintergrundbild (bg2.png) nicht angezeigt und ich weiß nicht wieso. Ich habe folgenden Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>MC Flom - Online Portofilo </title>
<style type="text/css">
body, html {
width: 100%;
background: #60A0C0;
padding: 0;
margin: 0;
}
.bg {
position: relative;
width: 100%;
height: 165px;
z-index: 1;
left: 0px;
top: 0px;
background-image:url('bg.png');
}
.content {
position: absolute;
top: 0;
left: 45%;
height: 100%;
width: 630px;
height: 100%;
margin-left: -250px;
background-image:url('bg2.png');
}
</style>
</head>

<body>

<div class="bg">
<div class="content">
<img border="0" src="home.png" width="630" height="225" alt="Seiten Menue"><p>&nbsp;</p>
<p>&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</div>
&nbsp;</div>

</body>

</html>


Nur ist alles vom Logischen her richtig!

Grüße

PS: weiß wer wie ich einen Container auf hight: 100% stellen kann so das er bis nach unten angezeigt wird?

netcup.de Warum gibt es hier Werbung?
tnY am 15.08.07 10:47

mh mir scheint auch alles richtig zu sein guck mal ob das bild wirklich als bg2.png gespeichert ist und nicht aus versehen als .gif oder so...

das mit der höhe geht doch eg mit bottom:0px; glaub ich..

lg

fish fish am 15.08.07 10:57

überprüf auch noch mal den pfad zum bild...

Cherrywine am 15.08.07 11:42

... guck mal, ob dein Bild nicht eventuell breiter ist als 630px-


lg
Cherrywine

Yado Yado am 15.08.07 11:57

Das Bild ist vorhanden man kann es sich unter http://www.mcflom.de/v4/index2.html angucken... und unter http://www.mcflom.de/v4/bg2.png kann man das bild erreichen.

Grüße

tnY am 15.08.07 12:04

im IE gehts

Yado Yado am 15.08.07 12:09

ja aber wieso nicht im FF ?
sollte doch funken ?
Ich versteh es nicht!

Yado Yado am 15.08.07 13:04

problem gelöst über folgenden Code (Danke an Mazel aus delphipraxis.net)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>MC Flom - Online Portofilo </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type="text/css">
*
{
margin: 0px;
padding: 0px;
}

body
{
background: #60A0C0;
background-image: url(bg.png);
background-repeat: repeat-x;
}

#content
{
width: 630px;
margin: auto;
background-image: url(bg2.png);
background-repeat: repeat-y;
}
</style>
</head>
<body>
<div id="content">
<img border="0" src="home.png" width="630" height="225" alt="Seiten Menue">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
</body>
</html>

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt