Willkommen in der Webstatt
User-1 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 xyz-71 - 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?
User-2 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

User-3 am 15.08.07 10:57

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

User-4 am 15.08.07 11:42

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


lg
xyz-35

User-1 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

User-2 am 15.08.07 12:04

im IE gehts

User-1 am 15.08.07 12:09

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

User-1 am 15.08.07 13:04

problem gelöst über folgenden Code (xyz-48ke 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 xyz-71 - 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