Stefan: bei float funzt background definition nicht

Beitrag lesen

SELF-Forum

bei float funzt background definition nicht

Stefan
– Informationen zu den Bewertungsregeln

Ich habe deinen Code einmal etwas gestutzt, weil bei einem kleineren Auflösung der Inhalt links verschwand.

Damit das Hintergrundbild angezeigt wird, muss der #main Container auch gefloatet werden. (Beachte, dass repeat-y nach unten ist)

Hier mein Code:

  
<html>  
<head>  
<style type="text/css">  
<!--  
body {  
margin:0px;  
padding:0px;  
font-size:11px;  
font-family:"Tahoma", Arial, sans-serif;  
line-height:140%;  
background-color:#E3EDF6;  
}  
  
#all {  
width:934px;  
height:auto;  
position:absolute;  
left:50%;  
margin-left:-500px;  
}  
  
#header {  
width:934px;  
height:253px;  
}  
  
#main {  
width:934px;  
background-image:url(selfhtml.gif);  
background-repeat:repeat-x;  
float: left;  
}  
  
/* ----- MENU ----- */  
  
#menu {  
width:326px;  
height:410px;  
float:left;  
/*background-color: red;*/  
}  
  
/* ----- CONTENT ----- */  
  
#content {  
width:608px;  
height:410px;  
float:left;  
/*background-color: yellow;*/  
}  
  
/* ----- BOTTOM ----- */  
  
#bottom {  
width:934px;  
height:146px;  
background-image:url(images/site/content/bottom.jpg);  
background-repeat:no-repeat;  
clear:both;  
}  
-->  
</style>  
</head>  
<body>  
  
 <div id="header">HEADER</div>  
 <div id="main">  
  <div id="menu">Menu</div>  
  <div id="content">Content</div>  
 </div>  
 <div id="bottom">Bottom</div>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln