| AeroWall |
29.09.2008 17:38 |
Problem mit 100% Background
Liste der Anhänge anzeigen (Anzahl: 1)
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:
* {
margin: 0px;
padding: 0px;
}
html {
background: #161616;
text-align: center;
width: 100%;
height: 100%;
}
body {
width: 100%;
background: #161616;
font-size: 11px;
line-height: 18px;
color: #CCCCCC;
font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
margin: 0px auto;
text-align: left;
height: 100%;
}
td {
font-size: 11px;
line-height: 18px;
font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}
#cleaner {
clear: both;
height: 0px;
font-size: 0px;
display: block;
width: 100%;
}
a {
color: #545248;
text-decoration: none;
}
a:hover {
color: #545248;
text-decoration: underline;
}
/* - LAYER + CONTAINER - */
#container {
width: 1000px;
background: url(../images/wood_planks.jpg) repeat top center;
border-right: solid 1px #A5B5C5;
border-left: solid 1px #A5B5C5;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto;
}
/* - HEADER - */
#header {
width: 1000px;
height: 216px;
background: url(../images/header.png) no-repeat center top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
/* - CONTENT - */
#inhalt {
min-height: 100%;
margin: 0px;
width:1000px;
padding: 20px 0px;
text-align: center;
background: url(../images/back.png) top center no-repeat;
}
#inhalt td.mid {
background: url(../images/mid_lang.png) repeat-y;
width: 750px;
}
#inhalt td.top {
background: url(../images/top_lang.png);
width: 750px;
height: 54px;
}
#inhalt td.bottom {
background: url(../images/bottom_lang.png);
width: 750px;
height: 30px;
}
/* - FULL MENU - */
#menu {
position: relative;
width: 1000px;
height: 38px;
background: url(../images/menu.png) repeat-x top left;
margin: 0px;
padding: 0px 0px;
}
#menu table {
position: relative;
top: -2px;
margin: 0px;
padding: 0px;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
#nav a {
display: block;
color: #404040;
text-decoration: none;
}
#nav li.float {
float: left;
width: auto;
}
#nav a.header {
padding: 14px 10px 24px 10px;
}
#nav a.header:hover {
padding: 14px 10px 24px 10px;
background: url(../images/menu_hover.png) repeat-x top left;
color: #FFFFFF;
}
#nav li ul li a {
padding: 6px 9px;
}
#nav li ul li a:hover {
padding: 6px 9px;
color: #FFFFFF;
}
#nav li { /* all list items */
padding: 0px;
line-height: 1;
font-size: 11px;
}
#nav li ul { /* second-level lists */
position: relative;
padding: 0px 3px 0px 0px;
top: -12px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border: solid 1px #A5B5C5;
background: #D1D8DF;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/* - TEXT - */
#text {
text-align:justify;
padding: 0px 40px;
font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
color: #CCCCCC;
}
|
