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">&nbsp;</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="#">&nbsp;&nbsp;&nbsp;&nbsp;</a></div></div>
<div class="ort-Pfad013">
<div class="linke_blockl">
<div class="regionen1-Pfad011">
<div class="box-top1"><strong>&nbsp;Informationen</strong></div>
<div class="box-middle1"><br>&nbsp;- <a href="#">Regionen & Orte</a><br>&nbsp;- <a href="#">Länderinformation</a><br>&nbsp;- <a href="#">Klima & Wetter</a>
<div class="box-bottom1">&nbsp;</div>
</div>
</div>
<div class="regionen1-Pfad011-1"><div class="box-top1"><strong>&nbsp;Hotelbewertungen</strong></div>
<div class="box-middle1"><br>&nbsp;- <a href="#">TOP-Hotels in Kuba</a><br>
&nbsp;- <a href="#">Neueste Bewertungen</a><br>
&nbsp;- <a href="#">Hotelbewertung abgebe</a><br><div class="box-bottom1">&nbsp;</div>
</div></div>
<div class="regionen1-Pfad011-2"><div class="box-top1"><strong>&nbsp;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="#">&nbsp;</a></div>
</div></div>
<div class="regionen1-Pfad011-3"><div class="box-top1"><strong>&nbsp;Urlaubsforum</strong></div>
<div class="box-middle1"><br>&nbsp;- <a href="#">Themen zu Kuba</a><br><div class="box-bottom1">&nbsp;</div>
</div></div></div>
<div class="regionen1-Pfad012">&nbsp;</div>
<div class="rechte_blockr">
<div class="regionen1-Pfad013"><div class="text">
<strong>Lastminute f&uuml;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">&nbsp;</div>
<div class="regionen1-Pfad014-1">&nbsp;<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>
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">&nbsp;</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="#">&nbsp;&nbsp;&nbsp;&nbsp;</a></div></div>
<div class="ort-Pfad013">
<div class="linke_blockl">
<div class="regionen1-Pfad011">
<div class="box-top1"><strong>&nbsp;Informationen</strong></div>
<div class="box-middle1"><br>&nbsp;- <a href="#">Regionen & Orte</a><br>&nbsp;- <a href="#">Länderinformation</a><br>&nbsp;- <a href="#">Klima & Wetter</a>
<div class="box-bottom1">&nbsp;</div>
</div>
</div>
<div class="regionen1-Pfad011-1"><div class="box-top1"><strong>&nbsp;Hotelbewertungen</strong></div>
<div class="box-middle1"><br>&nbsp;- <a href="#">TOP-Hotels in Kuba</a><br>
&nbsp;- <a href="#">Neueste Bewertungen</a><br>
&nbsp;- <a href="#">Hotelbewertung abgebe</a><br><div class="box-bottom1">&nbsp;</div>
</div></div>
<div class="regionen1-Pfad011-2"><div class="box-top1"><strong>&nbsp;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="#">&nbsp;</a></div>
</div></div>
<div class="regionen1-Pfad011-3"><div class="box-top1"><strong>&nbsp;Urlaubsforum</strong></div>
<div class="box-middle1"><br>&nbsp;- <a href="#">Themen zu Kuba</a><br><div class="box-bottom1">&nbsp;</div>
</div></div></div>
<div class="regionen1-Pfad012">&nbsp;</div>
<div class="rechte_blockr">
<div class="regionen1-Pfad013"><div class="text">
<strong>Lastminute f&uuml;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">&nbsp;</div>
<div class="regionen1-Pfad014-1">&nbsp;<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>