drei verschachtelte divs

N

neox82

Guest
hallo leute, hatte schonmal so ein ähnliches problem, das erstere hab ich mit dem clear:both lösen können allerdings hab ich jetzt das problem das der äusserste div tag wo quasi alle anderen divs drin sind einen hintergrund mit farbverlauf besitzt und dieser sich nicht nach unten hin verlängern lässt wenn sich die inneren divs nach unten hin vergrössern, kann mir jemand helfen bitte.

mfg m.aksoy


hier ist die css:
CODE
div.Tabelle_01 {
position: absolute;
left:6px;
width:855px;
height: 1100;
background:url(../bilder/pfad.gif);
border-left-color:#9DB9DF;
border-left-style: solid;
border-left-width:1px;
border-right-color:#9DB9DF;
border-right-style:solid;
border-right-width:1px;
}
div.ort-Pfad013 {
position: relative;
left:7px;
top:94px;
width:840px;
height: auto;
border-left-color:#A4BFE4;
border-left-width:1px;
border-right-color:#A4BFE4;
border-right-width:1px;
border-bottom-color:#9DB9DF;
border-bottom-width:1px;
border-top-color:#9DB9DF;
border-top-width:1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;

}


body {
background-image: url(../bilder/bg.gif);
}

div.regionen1-Pfad {
position:absolute;
left:1px;
top:0px;
width:0px;
height:1152px;
}

div.regionen1-Pfad002 {
position:absolute;
left:871px;
top:0px;
width:1px;
height:1152px;
}

div.menue {
position:absolute;
left:725px;
width:130px;
height:19px;
top:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #9AB6DD;

}

div.banner {
position: relative;
background:url(../bilder/skyscraper.gif);
left:878px;
width:120px;
height:293px;
top:15px;
}

div.buchen_banner
{
position: relative;
left:0px;
width:120px;
height:285px;
top:8px;
}

div.logo {
position: relative;
background:url(../bilder/logo.gif);
left:0px;
width:255px;
height:45px;
top:10px;
}


div.text {
padding-left:15px;
padding-top:45px;
width:130px;
height:50px;

}

div.pfeil {
position: relative;
background:url(../bilder/pfeil.gif) no-repeat;
left:300px;
top:6px;
width:18px;
height:17px;
text-decoration: none;

}


div.regionen1-Pfad003 {
position:absolute;
left:7px;
top:67px;
width:90px;
height:27px;
}

div.regionen1-Pfad-Kopie {
position:absolute;
left:97px;
top:67px;
width:109px;
height:27px;
}

div.regionen1-Pfad005 {
position:absolute;
left:206px;
top:67px;
width:110px;
height:27px;
}

div.regionen1-Pfad006 {
position:absolute;
left:316px;
top:67px;
width:70px;
height:28px;
}

div.regionen1-Pfad007 {
position: relative;
background:url(../bilder/regionen1_Pfad-07.gif) no-repeat;
left:515px;
top:67px;
width:333px;
height:28px;
}



div.regionen1-Pfad008 {
position:absolute;
background:url(../bilder/regionen1_Pfad-08.gif) no-repeat;
left:21px;
top:93px;
width:509px;
height:1px;
}

div.regionen1-Pfad009 {
position:absolute;
left:21px;
top:94px;
width:1px;
height:1014px;
}

div.regionen1-Pfad010 {
position:absolute;
left:862px;
top:94px;
width:1px;
height:1015px;
}

div.rechte_blockr {
position: absolute;
left:691px;
top:39px;
width:149px;
height: auto;

}

div.linke_blockl {
position: absolute;
left:0px;
top:0px;
width:148px;
height: auto;

}


div.box-top1 {
position: relative;
background:url(../bilder/regionen1_Pfad-11_1.gif) no-repeat;
left:0px;
top:13px;
width:136px;
height:22px;
padding :6px;
}
div.box-middle1 {
position: relative;
background:url(../bilder/regionen1_Pfad-11_2.gif) repeat;
left:0px;
top:0px;
width:148px;
text-align: left;
}
div.box-bottom1 {
position:relative;
background:url(../bilder/regionen1_Pfad-11_3.gif) no-repeat;
left:0px;
top:10px;
width:148px;
height:17px;
}
div.regionen1-Pfad011 {
left:0px;
width:148px;
height:auto;
clear:both;

}

div.regionen1-Pfad011-1 {
position:relative;
top:0px;
left:0px;
width:148px;
height: auto;
clear:both;
}
div.regionen1-Pfad011-2 {
position:relative;
left:0px;
width:148px;
height:auto;
clear:both;
}
div.regionen1-Pfad011-3 {
position:relative;
left:0px;
width:148px;
height:auto;
}


div.regionen1-Pfad012 {
position:absolute;
background:url(../bilder/regionen1_Pfad-12.gif);
left:154px;
top:15px;
width:229px;
height:23px;
border-bottom-color:#629331;
border-bottom-style:solid;
border-bottom-width:1px;

}






div.regionen1-Pfad013 {
position:relative;
background: url(../bilder/regionen1_Pfad-13.gif) no-repeat;
width:149px;
height:133px;
left:1px;
top: 0px;

}

div.regionen1-Pfad013-1 {
position:relative;
background:url(../bilder/regionen1_Pfad-13_1.gif) no-repeat;
width:150px;
height:109px;
clear:both;
top: 10px;
}

div.regionen1-Pfad013-2 {
position:relative;
background:url(../bilder/regionen1_Pfad-13_2.gif) no-repeat;
width:150px;
height:109px;
clear:both;
top: 18px;
}

div.regionen1-Pfad013-3 {
position:relative;
background:url(../bilder/regionen1_Pfad-13_3.gif) no-repeat;
width:150px;
height:109px;
clear:both;
top: 30px;
}

div.regionen1-Pfad014 {
position:absolute;
background:url(../bilder/regionen1_Pfad-14.gif);
left:154px;
top:39px;
width:532px;
height:31px;
}

div.regionen1-Pfad014-1 {
display: table;
position:absolute;
background: url(../bilder/regionen1_Pfad-14_1.gif) repeat;
left:154px;
top:70px;
width:532px;
height:auto;
top:69px;
clear:both;

}

div.regionen1-Pfad014-2 {
position:relative;
background: url(../bilder/regionen1_Pfad-14_2.gif) no-repeat;
left:0px;
width:532px;
top:5px;
height:30px;

}


div.oben {
position:relative;
left:20px;
top:10px;
width:80px;
height: 10px;
float:left;


}
div.empfehlen {
position:relative;
left: 190px;
top: 10px;
width:135px;
height: 10px;
float:left;

}
div.drucken {
position:relative;
left:200px;
top: 10px;
width:100px;
height: 10px;
float:left;

}


div.regionen1-Pfad-Kopie-5 {
position:absolute;
left:21px;
top:1108px;
width:1px;
height:1px;
}

div.regionen1-Pfad016 {
position:absolute;
background:url(../bilder/regionen1_Pfad-16.gif) no-repeat;
left:21px;
top:1109px;
width:842px;
height:1px;
}




und der html code

CODE <div class="Tabelle_01">
<div class="logo"> </div>
<div class="menue"><a href="sitemap">Sitemap</a> | <a href="impressum">Impressum</a></div>
<div class="regionen1-Pfad003">
<a href="#"><img src="bilder/regionen1_Pfad-03.gif" alt="" width="90" height="27" border="0"></a></div>
<div class="regionen1-Pfad-Kopie">
<a href="#"><img src="bilder/regionen1_Pfad-Kopie.gif" alt="" width="109" height="27" border="0"></a></div>
<div class="regionen1-Pfad005"><a href="#"><img src="bilder/regionen1_Pfad-05.gif" alt="" width="110" height="27" border="0"></a></div>
<div class="regionen1-Pfad006"><a href="#"><img src="bilder/regionen1_Pfad-06.gif" alt="" width="110" height="27" border="0"></a></div>
<div class="regionen1-Pfad007">
<div class="pfeil"><a href="#">    </a></div></div>
<div class="ort-Pfad013">
<div class="linke_blockl">
<div class="regionen1-Pfad011">
<div class="box-top1"><strong> Informationen</strong></div>
<div class="box-middle1"><br> - <a href="#">Regionen & Orte</a><br> - <a href="#">Länderinformation</a><br> - <a href="#">Klima & Wetter</a>
<div class="box-bottom1"> </div>
</div>
</div>
<div class="regionen1-Pfad011-1"><div class="box-top1"><strong> Hotelbewertungen</strong></div>
<div class="box-middle1"><br> - <a href="#">TOP-Hotels in Kuba</a><br>
 - <a href="#">Neueste Bewertungen</a><br>
 - <a href="#">Hotelbewertung abgebe</a><br><div class="box-bottom1"> </div>
</div></div>
<div class="regionen1-Pfad011-2"><div class="box-top1"><strong> Multimedia</strong></div>
<div class="box-middle1"><br>- <a href="#">Urlaubsbil</a><a href="#">der</a><br>
- <a href="#">Stadtpläne & Landkarten</a>
<div class="box-bottom1"><a href="#"> </a></div>
</div></div>
<div class="regionen1-Pfad011-3"><div class="box-top1"><strong> Urlaubsforum</strong></div>
<div class="box-middle1"><br> - <a href="#">Themen zu Kuba</a><br><div class="box-bottom1"> </div>
</div></div></div>
<div class="regionen1-Pfad012"> </div>
<div class="rechte_blockr">
<div class="regionen1-Pfad013"><div class="text">
<strong>Lastminute für Kuba :</strong>
</div></div>
<div class="regionen1-Pfad013-1" ><a href="#"><img src="bilder/spacer.gif" width="139" height="108" border="0"></a></div>
<div class="regionen1-Pfad013-2"><a href="#"><img src="bilder/spacer.gif" width="139" height="108" border="0"></a></div>
<div class="regionen1-Pfad013-3"><a href="#"><img src="bilder/spacer.gif" width="139" height="108" border="0"></a></div>
</div>
<div class="regionen1-Pfad014"> </div>
<div class="regionen1-Pfad014-1"> <div class="regionen1-Pfad014-2">
<div class="oben"><a href="#top"><img src="bilder/space_oben.gif" border="0"></a></div>
<div class="empfehlen"><a href="#"><img src="bilder/space_empfehlen.gif" border="0"></a></div>
<div class="drucken"><a href="/print.php?url=#" accesskey="p"><img src="bilder/space_drucken.gif" border="0"></a></div>
</div>
</div>
</div>
</div>
 
Zurück
Oben