O
o3rn
Ich habe ein Problem mit der höhe des wrappers. ich habe mehrerr divs und ne flaux column
Nun passt sich mein wrapper hintergrund nicht der höhe der flaux column höhe an...geht das irgendwie? min height hab ich schon ausprobiert geht irgendwie nicht. Hier ma der code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>entwurf3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body id="body">
<div id="master">
<div id="bgoben"><div id="header"><div id="navi">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Über mich</a></li>
<li><a href="#">Lebenslauf</a></li>
</ul>
</div></div></div>
<div id="mcontent"><div id="content"><!-- Beginn --><br>
<div id="news">Montag, 12. Oktober 2009 21:31:53
<br><h3>Test3</h3><hr style='color:blue; background: blue; height:3px; width:200px;'>Ich guck nur ob es funktioniert und wenn es
funktioniert bin ich sehr glücklich und freue mir
einen ab und kann es bald online stellen juhu xD
weiter so björn du wirst noch was wenns so weiter
geht.</div><br>
<div id="news"><br>Montag, 12. Oktober 2009 19:15:57
<br><h3>Hallo tst</h3><hr style='color:blue; background: blue; height:3px; width:200px;'>jfdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkd
c jdfn fj fjf jf jf fj jf jf jf jf jf fj fjf fj fj
fjf jf fj fjf jffjjjjjjjjjjjjjjjjjjj fj fjf jf fj
fjf jffffffffffffffffffffff jf fj fj fjf
fjjjjjjjjjjjjjj fjf jf fjf jf fjfffffffffff fjf jf
fj fj fj jjjjjjjjjjjjjjjjjjjjjjjj jf jf<br></div><br>
<div id="news"><br>Montag, 12. Oktober 2009 19:15:57
<br><h3>Hallo tst</h3><hr style='color:blue; background: blue; height:3px; width:200px;'>jfdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkd
c jdfn fj fjf jf jf fj jf jf jf jf jf fj fjf fj fj
fjf jf fj fjf jffjjjjjjjjjjjjjjjjjjj fj fjf jf fj
fjf jffffffffffffffffffffff jf fj fj fjf
fjjjjjjjjjjjjjj fjf jf fjf jf fjfffffffffff fjf jf
fj fj fj jjjjjjjjjjjjjjjjjjjjjjjj jf jf<br></div>
<br><div id="news"><br>Montag, 12. Oktober 2009 19:15:57
<br><h3>Hallo tst</h3><hr style='color:blue; background: blue; height:3px; width:200px;'>jfdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkd
c jdfn fj fjf jf jf fj jf jf jf jf jf fj fjf fj fj
fjf jf fj fjf jffjjjjjjjjjjjjjjjjjjj fj fjf jf fj
fjf jffffffffffffffffffffff jf fj fj fjf
fjjjjjjjjjjjjjj fjf jf fjf jf fjfffffffffff fjf jf
fj fj fj jjjjjjjjjjjjjjjjjjjjjjjj jf jf<br></div>
</div><div id="banner">hallo ich bin Björn</div><div style="clear:both;"></div></div>
<div id="bgunten"><div id="footer"><div id="navi2">
<ul>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Gästebuch</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div></div></div>
</div>
</body>
</html>
und hier das css.
#body{
margin: 10px auto;
background-color:#FFFFFF;
}
#master {
margin:0px auto;
position:relative;
left:0px;
top:0px;
width:960px;
height:auto;
background:#ccc url(images/bgmitte.gif) repeat-y;
}
#bgoben{
position:relative;
top:0px;
left:0px;
width:960px;
height:64px;
background-image:url(images/bgoben.gif);
background-repeat: no-repeat;
}
#header{
position:relative;
top:5px;
left:5px;
width:945px;
height:279px;
background-image:url(images/header.gif);
}
#navi{
position:relative;
top:240px;
left:5px;
width:400px;
height:50px;
}
#navi ul, #navi2 ul{
margin:0px;
padding:0px;
}
#navi li, #navi2 li{
list-style-type:none;
display:inline;
margin:0px;
padding:0px 46px 0px 10px;
}
#navi a, #navi2 a{
font-family: arial, helvetica, sans serif;
font-size: 16px;
color:#FFFFFF;
text-decoration:none;
}
#navi a:hover,#navi2 a:hover{
text-decoration:underline;
}
#mcontent{
position:relative;
left:50px;
top:250px;
width:850px;
height:auto;
border-bottom: 10px solid #CCC;
border-top: 10px solid #CCC;
background: #CCC url(images/contentbg.gif) repeat-y;
}
#content{
float:left;
margin:0px 0px 15px 45px;
text-align:center;
width:500px;
font-family: arial, helvetica, sans serfif;
font-size: 12px;
}
#banner{
float:right;
margin-right: 50px;
}
#news{
border: 1px solid #000;
}
#bgunten{
position:relative;
top:260px;
width:960px;
height:64px;
left:0px;
background-image:url(images/bgunten.gif);
}
#footer{
position:relative;
top:5px;
width:945px;
height:49px;
left:5px;
background-image:url(images/footer.gif);
}
#navi2{
position:relative;
top:15px;
width:600px;
height:49px;
left:5px;
}
Nun passt sich mein wrapper hintergrund nicht der höhe der flaux column höhe an...geht das irgendwie? min height hab ich schon ausprobiert geht irgendwie nicht. Hier ma der code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>entwurf3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body id="body">
<div id="master">
<div id="bgoben"><div id="header"><div id="navi">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Über mich</a></li>
<li><a href="#">Lebenslauf</a></li>
</ul>
</div></div></div>
<div id="mcontent"><div id="content"><!-- Beginn --><br>
<div id="news">Montag, 12. Oktober 2009 21:31:53
<br><h3>Test3</h3><hr style='color:blue; background: blue; height:3px; width:200px;'>Ich guck nur ob es funktioniert und wenn es
funktioniert bin ich sehr glücklich und freue mir
einen ab und kann es bald online stellen juhu xD
weiter so björn du wirst noch was wenns so weiter
geht.</div><br>
<div id="news"><br>Montag, 12. Oktober 2009 19:15:57
<br><h3>Hallo tst</h3><hr style='color:blue; background: blue; height:3px; width:200px;'>jfdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkd
c jdfn fj fjf jf jf fj jf jf jf jf jf fj fjf fj fj
fjf jf fj fjf jffjjjjjjjjjjjjjjjjjjj fj fjf jf fj
fjf jffffffffffffffffffffff jf fj fj fjf
fjjjjjjjjjjjjjj fjf jf fjf jf fjfffffffffff fjf jf
fj fj fj jjjjjjjjjjjjjjjjjjjjjjjj jf jf<br></div><br>
<div id="news"><br>Montag, 12. Oktober 2009 19:15:57
<br><h3>Hallo tst</h3><hr style='color:blue; background: blue; height:3px; width:200px;'>jfdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkd
c jdfn fj fjf jf jf fj jf jf jf jf jf fj fjf fj fj
fjf jf fj fjf jffjjjjjjjjjjjjjjjjjjj fj fjf jf fj
fjf jffffffffffffffffffffff jf fj fj fjf
fjjjjjjjjjjjjjj fjf jf fjf jf fjfffffffffff fjf jf
fj fj fj jjjjjjjjjjjjjjjjjjjjjjjj jf jf<br></div>
<br><div id="news"><br>Montag, 12. Oktober 2009 19:15:57
<br><h3>Hallo tst</h3><hr style='color:blue; background: blue; height:3px; width:200px;'>jfdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkd
c jdfn fj fjf jf jf fj jf jf jf jf jf fj fjf fj fj
fjf jf fj fjf jffjjjjjjjjjjjjjjjjjjj fj fjf jf fj
fjf jffffffffffffffffffffff jf fj fj fjf
fjjjjjjjjjjjjjj fjf jf fjf jf fjfffffffffff fjf jf
fj fj fj jjjjjjjjjjjjjjjjjjjjjjjj jf jf<br></div>
</div><div id="banner">hallo ich bin Björn</div><div style="clear:both;"></div></div>
<div id="bgunten"><div id="footer"><div id="navi2">
<ul>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Gästebuch</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div></div></div>
</div>
</body>
</html>
und hier das css.
#body{
margin: 10px auto;
background-color:#FFFFFF;
}
#master {
margin:0px auto;
position:relative;
left:0px;
top:0px;
width:960px;
height:auto;
background:#ccc url(images/bgmitte.gif) repeat-y;
}
#bgoben{
position:relative;
top:0px;
left:0px;
width:960px;
height:64px;
background-image:url(images/bgoben.gif);
background-repeat: no-repeat;
}
#header{
position:relative;
top:5px;
left:5px;
width:945px;
height:279px;
background-image:url(images/header.gif);
}
#navi{
position:relative;
top:240px;
left:5px;
width:400px;
height:50px;
}
#navi ul, #navi2 ul{
margin:0px;
padding:0px;
}
#navi li, #navi2 li{
list-style-type:none;
display:inline;
margin:0px;
padding:0px 46px 0px 10px;
}
#navi a, #navi2 a{
font-family: arial, helvetica, sans serif;
font-size: 16px;
color:#FFFFFF;
text-decoration:none;
}
#navi a:hover,#navi2 a:hover{
text-decoration:underline;
}
#mcontent{
position:relative;
left:50px;
top:250px;
width:850px;
height:auto;
border-bottom: 10px solid #CCC;
border-top: 10px solid #CCC;
background: #CCC url(images/contentbg.gif) repeat-y;
}
#content{
float:left;
margin:0px 0px 15px 45px;
text-align:center;
width:500px;
font-family: arial, helvetica, sans serfif;
font-size: 12px;
}
#banner{
float:right;
margin-right: 50px;
}
#news{
border: 1px solid #000;
}
#bgunten{
position:relative;
top:260px;
width:960px;
height:64px;
left:0px;
background-image:url(images/bgunten.gif);
}
#footer{
position:relative;
top:5px;
width:945px;
height:49px;
left:5px;
background-image:url(images/footer.gif);
}
#navi2{
position:relative;
top:15px;
width:600px;
height:49px;
left:5px;
}
