Hallo miteinander,
ich möchte auf meiner Homepage das komplette Design von oben bis ganz nach unten durchgezogen haben.
Dafür müsste ich ja eigentlich nur das div mit der class pagecontent auf min-width 100% stellen?
Irgentwie klappts bei mir leider nicht..hab schon ein paar Varianten durchprobiert - erfolglos =/
Ich hoffe mal, ihr könnt helfen:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<LINK href="includes/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center">
<table style="border: 0px; width: 1100px;" cellspacing="0" cellpadding="0">
<tr style="background-image: url('images/header.png'); height: 97px;">
<td style="padding-left: 50px;" width="167" valign="bottom">
<img src="/images/logo.png" alt="logo" />
</td>
<td align="right" style="padding-right: 50px;">
<?php
include 'includes/userticker.php';
?>
</td>
</tr>
<tr style="background-image: url('images/newstickertr.png'); height: 29px;">
<td colspan="2">
</td>
</tr>
<tr style="background-image: url('images/spacer_verlauf.png'); height: 127px;">
<td colspan="2">
</td>
</tr>
<tr style="height: 100%; background-image: url('images/content_1px.png');">
<td colspan="2">
<div class="pagecontent">
Blabla hier der spätere Content!
</div>
</td>
</tr>
<!-- SPACER -->
<tr style="background-image: url('images/content_1px.png');"><td colspan="2" height="30"></td></tr>
<!-- END -->
<tr style="height:26px; background-image: url('images/footer.png');">
<td colspan="2">
</td>
</tr>
</table>
</div>
</body>
</html> Code:
html, body {
margin:0;
padding:0;
height: 100%;
background-color:#FFFFFF;
background-image: url('../images/bg.png');
background-repeat: repeat-x;
}
div.userticker {
background-image: url('../images/userticker_box.png');
padding-top:5px;
height: 76px;
width: 427px;
text-align: center;
z-index: 2;
}
div.userticker_schein {
background-image: url('../images/userticker_schein.png');
height: 81px;
width: 427px;
position: absolute;
z-index: 1;
margin-left: 406px;
margin-top: -81px;
}
.userticker_img {
border: 1px solid #777777;
padding: 2px;
}
div.pagecontent {
padding-left: 50px;
position:relative;
height: 100%;
}
.userticker_font {
color: #292929;
font-weight: bold;
font-family: 'Verdana';
font-size: 8px;
}
Ähnliche Themen 
[CSS] Div height 100% 
Themenstarter
