Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 29.09.2008, 17:38
AeroWall AeroWall ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.09.2008
Beiträge: 3
AeroWall befindet sich auf einem aufstrebenden Ast
Standard Problem mit 100% Background

Hallo,

ich habe ein Problem mit height 100%. Ich möchte den Background im <div> #Inhalt auch auf 100% haben.

Hier der Code von der Homepage:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<?php page_header(); ?>
	</head>	
	<body>	
			
		<!-- || CONTAINER || -->
		
		<div id="container">
		
			<!-- || HEADER || -->
			
			<div id="header">				
 			</div>
 			
 			<!-- || MENU || -->
 			
 			<div id="menu"> 
 				<?php page_fullmenu2("0", "true", "true"); ?>
			</div>
 			
 			
 			<!-- || INHALT || -->
 			<center>
 			<div id="inhalt"> 
 				<center>				
 				<table cellspacing="0" cellpadding="0">
					<tr>
						<td class="top">							
						</td>
					</tr>
					<tr >
						<td class="mid">
							
							<!-- || TEXT || -->
							
							<div id="text">							
								
								<?php page_content(); ?>
							
							</div>					
						</td>
					</tr>
					<tr>
						<td class="bottom">									
						</td>
					</tr>
				</table>
				</center>								
			</div>			
 		</div>
 		 	
	</body>
</html>
und der CSS Code dazu:
PHP-Code:
* {

    
margin0px;
    
padding0px;

}
 
html {

    
background#161616; 
    
text-aligncenter;
    
width100%;
    
height100%;

}

body {

    
width100%;
    
background#161616;
    
font-size11px;
    
line-height18px;
    
color#CCCCCC; 
    
font-family"Verdana""Tahoma" "Arial" "MS Sans Serif";
    
margin0px auto;
    
text-alignleft;
    
height100%;

}

td {

    
font-size11px;
    
line-height18px;
    
font-family"Verdana""Tahoma" "Arial" "MS Sans Serif";

}

ul {

    
margin0px;
    
padding0px;

}

li {

    list-
stylenone;

}

form {

    
margin0px;
    
padding0px;

}

img {

    
bordernone;

}

#cleaner {

    
clearboth;
    
height0px;
    
font-size0px;
    
displayblock;
    
width100%;

}

{

    
color#545248;
    
text-decorationnone;

}

a:hover {

    
color#545248;
    
text-decorationunderline;

}

/* - LAYER + CONTAINER - */


#container {
    
width1000px;
    
backgroundurl(../images/wood_planks.jpgrepeat top center;    
    
border-rightsolid 1px #A5B5C5;
    
border-leftsolid 1px #A5B5C5;
    
positionrelative;
    
min-height100%;
    
heightauto !important;
    
height100%;
    
margin0px auto;
}


/* - HEADER - */


#header {    
    
    
width1000px;
    
height216px;
    
backgroundurl(../images/header.pngno-repeat center top;
    
margin0px 0px 0px 0px;
    
padding0px 0px 0px 0px;    
    
    
positionrelative;

}

/* - CONTENT - */

#inhalt {
    
    
min-height100%;    
    
margin0px;
    
width:1000px;
    
padding20px 0px;
    
text-aligncenter;
    
backgroundurl(../images/back.pngtop center no-repeat;
}


#inhalt td.mid {
    
backgroundurl(../images/mid_lang.pngrepeat-y;
    
width750px;
}

#inhalt td.top {
    
backgroundurl(../images/top_lang.png);
    
width750px;
    
height54px;
}

#inhalt td.bottom {
    
backgroundurl(../images/bottom_lang.png);
    
width750px;
    
height30px;
}


/* - FULL MENU - */

#menu {
    
positionrelative;
    
width1000px;
    
height38px;
    
backgroundurl(../images/menu.pngrepeat-x top left;
    
margin0px;
    
padding0px 0px;

}

#menu table {
    
positionrelative;
    
top: -2px;
    
margin0px;
    
padding0px;
}

#nav, #nav ul { /* all lists */
    
padding0;
    
margin0;
    list-
stylenone;
}

#nav a {
    
displayblock;
    
color#404040;
    
text-decorationnone;
}
#nav li.float {
    
floatleft;
    
widthauto;    
}

#nav a.header {
    
padding14px 10px 24px 10px;
}

#nav a.header:hover {
    
padding14px 10px 24px 10px;
    
backgroundurl(../images/menu_hover.pngrepeat-x top left;
    
color#FFFFFF;
}

#nav li ul li a {
    
padding6px 9px;
}

#nav li ul li a:hover {
    
padding6px 9px;    
    
color#FFFFFF;
}

#nav li { /* all list items */
    
padding0px;
    
line-height1;
    
font-size11px;
}

#nav li ul { /* second-level lists */
    
positionrelative;
    
padding0px 3px 0px 0px;
    
top: -12px;
    
left: -999em/* using left instead of display to hide menus because display: none isn't read by screen readers */
    
bordersolid 1px #A5B5C5;
    
background#D1D8DF;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
    
leftauto;
}

/* - TEXT - */


#text {
    
text-align:justify;
    
padding0px 40px;
    
font-family"Verdana""Tahoma" "Arial" "MS Sans Serif";
    
color#CCCCCC;

Angehängte Grafiken
Dateityp: jpg beispiel.jpg (13,6 KB, 12x aufgerufen)
Mit Zitat antworten
Sponsored Links