12.05.2009, 15:57
Hallo liebe Community,
ich arbeite gerade an einer Homepage für mein Forum und bin gerade auf ein tierisch blödes Problem gestoßen.
Das Div, wo der Inhalt und alles drin steckt, geht ja weiter nach unten, wenn da mehr Inhalt drin steht.
Nun habe ich dem einen Hintergrund gegeben und border left bzw. right.
Leider, leider geht dieses Div nur bis zum Ende des Browsers und hört dann auf.
Ich wäre euch so sehr dankbar, wenn ihr mir sagen könntet was ich ändern muss, damit es bis nach ganz unten angezeigt wird!
Hier mal die Testwebsite:
http://nintendoworld.bplaced.net/
Wäre euch wirklich mega dankbar!
MfG,
Waluigi
ich arbeite gerade an einer Homepage für mein Forum und bin gerade auf ein tierisch blödes Problem gestoßen.
Das Div, wo der Inhalt und alles drin steckt, geht ja weiter nach unten, wenn da mehr Inhalt drin steht.
Nun habe ich dem einen Hintergrund gegeben und border left bzw. right.
Leider, leider geht dieses Div nur bis zum Ende des Browsers und hört dann auf.
Ich wäre euch so sehr dankbar, wenn ihr mir sagen könntet was ich ändern muss, damit es bis nach ganz unten angezeigt wird!
Hier mal die Testwebsite:
http://nintendoworld.bplaced.net/
Code:
Den Code poste ich auch mal eben:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<!-- Datum Anfang -->
<script type="text/javascript">
var Datum2 = new (Date);
var Tag2 = Datum2.getDate();
var Wochentag = Datum2.getDay();
var Monat2 = Datum2.getMonth();
var Jahr2 = Datum2.getFullYear();
var Tagname = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
var Monatname = new
Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November ","Dezember");
</script>
<!-- Datum Ende -->
<style type="text/css">
html {height:100%;}
body {
background-color:#DDDDDD;
height:100%;
margin:0%;
padding:0%;
}
.u1 {
font-size:18px;
color:#FF0000;
font-weight:bold;
height:31px;
line-height:31px;
padding-left:3px;
vertical-align:middle;
text-align:center
}
div.table {
background-color:#FFFFFF;
margin:0% 10px;
padding:0% 10px;
width:980px;
height:100%;
border-left:1px solid #666666;
border-right:1px solid #666666;
margin:0px auto;
}
div.header {
height:187px;
background-image:url(images/header.jpg);
}
div.navi {
width:980px;
height:30px;
vertical-align:middle;
float:left;
text-align: center;
}
div.datum {
width:350px;
height:30px;
line-height:30px;
float:left;
background-image:url(images/bg_buttons.jpg);
}
body,td,th {
color: #333333;
}
div.navi_in {
background-image:url(images/bg_buttons_navi.jpg);
height:30px;
line-height:30px;
width:80px;
vertical-align:middle;
float:left;
text-align: center;
}
.button_left, .button_right {
width:15px;
height:30px;
float:left;
}
.button_left {
background-image:url(images/bg_buttons_left.jpg);
}
.button_right {
background-image:url(images/bg_buttons_right.jpg);
}
.frei {
height:15px;
width:980px;
line-height:15px;
float:left
}
.box_abstand {
height:200px;
width:10px;
float:left;
}
.box_demnaechst {
float:left;
width:180px;
height:200px;
text-align: left;
background-image:url(images/demnaechst.jpg)
}
.box_contentslider {
float:left;
width:400px;
height:200px;
text-align:left;
background-image:url(images/contentslider.jpg);
}
.box_test {
float:left;
width:380px;
height:200px;
text-align:left;
background-image:url(images/test.jpg);
}
.content_up {
background-image:url(images/body_bg_up.jpg);
width:590px;
line-height:15px;
height:15px;
float:left;
}
.content_down {
background-image:url(images/body_bg_down.jpg);
width:590px;
line-height:15px;
height:15px;
float:left;
}
.content_middle {
background-image:url(images/body_bg_middle.jpg);
width:590px;
text-align:left;
float:left;
vertical-align:text-top;
}
.downdown {
background-image:url(images/down.jpg);
width:980px;
height:50px;
line-height:50px;
float:left;
}
</style>
</head>
<body>
<div class="table">
<div class="header"></div>
<div class="frei"></div>
<div class="navi">
<div class="button_left"></div>
<div class="navi_in">Home</div>
<div class="navi_in">Community</div>
<div class="navi_in">Software</div>
<div class="navi_in">Hardware</div>
<div class="navi_in">eSports</div>
<div class="navi_in">Downloads</div>
<div class="navi_in">Weiteres</div>
<div class="button_right"></div>
<div style="width:10px; height:30px; float:left;"></div>
<div class="button_left"></div>
<div class="datum">Heute ist <script language="JavaScript">document.write(Tagname[Wochentag]+", der "+Tag2+". "+Monatname[Monat2]+" "+Jahr2+" ");</script></div>
<div class="button_right"></div>
<div class="frei"></div>
<div class="box_demnaechst">
<div class="u1">Demnächst</div>
</div>
<div class="box_abstand"></div>
<div class="box_contentslider">
<div class="u1">Aktuelles</div>
</div>
<div class="box_abstand"></div>
<div class="box_test">
<div class="u1">Letzter Test</div>
</div>
<div class="frei"></div>
<div style="width:680px;">
<div class="content_up"></div>
<div class="content_middle">
*der Text
</div>
<div class="content_down"></div>
</div>
<!-- Alles hier drueber -->
</div>
</div>
</body>
</html>
Wäre euch wirklich mega dankbar!
MfG,
Waluigi