hallo,
ich versuche gerade mein template mit divs und css aufzubauen. klappt alles super bis auf eine sache. die seite findet ihr unter http://www.progressive-junkies.de
ganz unten auf der seite (wenn mehr content zu sehen ist) ist ein großer weißer balken der nicht verschwindet. wenn man die seite in einem kleinen monitor anschaut ist unten immer dieser weiße balken. wenn man das browserfenster größer zieht ist er weg.
mein template code:
###DOCUMENT###
<html>
<head>
->
<title>.:progessive-junkies:.</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href="http://p5826.typo3server.info/fileadmin/template02/style.css" type="text/css">
<link rel="SHORTCUT ICON" href="fileadmin/favicon.ico">
</head>
<body>
<!-- bg_baken / header elements -->
<div id="bg_baken"></div>
<div id="header"></div>
<!-- content elements -->
<div id="nav">###MENU###</div>
<div id="con_left"><br>###SUBMENU######CON_LEFT###</div>
<div id="con_middle"><br>###HEAD###<br><br><br>###CON_MIDDLE###</div>
<div id="con_right"><img src="http://www.derluke.de/pj_counter/counter.gif" border="0"><br>
<iframe src="http://www.derluke.de/pj_counter/example1.php" scrolling="no" width="130" height="auto" border="0" frameborder="0"></iframe>###CON_RIGHT###</div>
<!-- News Box -->
<div class="news">
<!-- News Box Content -->
<img src="http://www.derluke.de/pj_counter/news.gif" border="0"><br>
<a href="http://p5826.typo3server.info/">05.11.04 - Bugs behoben</a><br>
<a href="http://p5826.typo3server.info/">04.11.04 - Webseite am Netz</a><br>
<a href="http://www.onlyparty.de/partypix/uebersicht.php?menu=partypix&party=opera1104" target="_blank">10.10.04 - New Pix (Opera)</a><br>
<a href="http://www.progressive-junkies.de/board" target="_blank">01.10.04 - Forum ist online</a>
</div>
</body>
</html>
und hier der css code
table td {
font-size:10px; }
a {
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
a:hover {
text-decoration: underline; }
a:visited {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#header{
background: url(http://p5826.typo3server.info/fileadmin/template02/Bilder/header.jpg) no-repeat;
margin-top: 0%;
margin-left: 0%;
position: absolute;
top: 0px;
left: 50px;
align: center;
width: 934px;
height: 242px;
visibility: visible }
#bg_baken{
background: url(http://p5826.typo3server.info/fileadmin/template02/Bilder/yes.jpg);
margin-left: 0%;
top: 0px;
left: 50px;
bottom : 0px;
width: 920px;
height: 100%;
position: absolute; }
#nav{
top: 212px;
left: 91px;
width: 854px;
height: 17px;
visibility: visible;
position: absolute }
#con_left{
top: 252px;
left: 91px;
width: 120px;
height: 20px;
visibility: visible;
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#con_middle{
top: 248px;
left: 265px;
width: 350px;
height: 20px;
visibility: visible;
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#con_right{
top: 248px;
left: 789px;
width: 151px;
height: 20px;
visibility: visible;
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.news{
top: 130px;
left: 88px;
width: 198px;
height: 62px;
visibility: visible;
position: absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
overflow : auto; }
der mittlere content div heisst con_middle
danke