Webstatt.org - Community seit 2006 - 2012 (2024?)

background wird nicht angezeigt wieso ?

Avatar user-347
15.08.2007 08: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 user-181 - 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'zwinkern;

}

.content { 

position: absolute; 

top: 0; 

left: 45%; 

height: 100%;

width: 630px; 

height: 100%;

margin-left: -250px; 

background-image:url('bg2.png'zwinkern;

}

</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?
user-329
15.08.2007 08: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
Avatar user-180
15.08.2007 08:57
überprüf auch noch mal den pfad zum bild...
may the force be with you. but mostly with me.
user-145
15.08.2007 09:42
... guck mal, ob dein Bild nicht eventuell breiter ist als 630px-


lg
Cherrywine
Avatar user-347
15.08.2007 09:57
Das Bild ist vorhanden man kann es sich unter www.mcflom.de/v4/index2.html angucken... und unter www.mcflom.de/v4/bg2.png kann man das bild erreichen.

Grüße
user-329
15.08.2007 10:04
im IE gehts
Avatar user-347
15.08.2007 10:09
ja aber wieso nicht im FF ?
sollte doch funken ?
Ich versteh es nicht!
Avatar user-347
15.08.2007 11: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 user-181 - 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>