Hallo,
ich bin gerade dabei einen neuen Typo3-Auftritt für www.surfferien.com zu erstellen. Ich nutze Typo3 4.0 und versuche alles via CSS zu formatieren.
Folgendes Problem an dem ich jetzt schon länger sitze.
bsp:
http://www.surfferien.com/menue/surfcamps/brasilien/
Wie man sieht (nur FF und Opera) floated hier das Image über den Border von meinem div hinaus.
Der iexplore machts so wie gewüscht.
Ich habe schon an verschiedenen stellen versucht, das float mit "clear:left" zu stoppen.
Jedoch kein Erfolg.
Hier kurze Auszüge aus dem Code:
Webseite:
<a name="content20" id="content20"></a>
<img src="fileadmin/surfferien/templates/webseite/content/hotsun_oben.gif" width="159" height="34" alt="" />
<div id="l_einleitung">
<div id="l_einleitung_inhalt">
<h1>Surfen in Brasilien
</h1>
<div class="csc-textpic csc-textpic-intext-right">
<div class="csc-textpic-imagewrap">
<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:300px;">
<dt><img src="uploads/pics/surfen_brasil_01.gif" width="300" height="297" border="0" alt="" /></dt>
<dd class="csc-textpic-caption"></dd><dd></dd></dl></div>
<div class="csc-textpic-text">
<p>bla la dbfa kjsbdf kjabsd kfjsa fjkh kjTJH kjahlkjhfalksj Tesss jsdkaj fhkaj hdf lkjah kjhakj hakjsh faksdjh fkadjh fskadjhf aksd hakdjh falkdjh flaksdjhf lskdjhf lskdjhf slkdjhfl kjhflksa jhlkjfh lkajshf lkjh lkjah lkajdhf lkjashdf kjahsdf lkjahdf ljahsf lkjhsd fkjsh
</p>
</div>
</div>
</div>
</div> /////HIER müsste eigentlich der float beendet werden. Hab schon alle divs ausprobiert???
<a name="content19" id="content19"></a>
<img src="fileadmin/surfferien/templates/webseite/content/campfeuer_oben.gif" width="70" height="34" alt="" />
<div id="l_columbus">
<div id="l_columbus_inhalt"><h1>Brasilien Länderinformationen</h1><p><strong>Fläche</strong> 8.511.965 qkm. <br /><br /><strong>Bevölkerungszahl</strong> 184.284.900 (2006) <br /><br /><strong>Bevölkerungsdichte</strong> 22 pro qkm. <br /><br />
Hier ein bischen CSS:
#menutable, #c_einleitung, #c_anbieter, #c_lage, #c_unterkunft, #c_produkte, #l_columbus, #l_einleitung, #standard_content{
border-top: 1px dashed #435971;
border-bottom: 1px dashed #435971;
font-size: 0.8em;
background-repeat: repeat-y;
}
#c_einleitung_inhalt, #standard_content_inhalt, #c_anbieter_inhalt, #c_lage_inhalt, #c_unterkunft_inhalt, #c_produkte_inhalt, #l_columbus_inhalt, #l_einleitung_inhalt{
height:100%;
background-repeat: no-repeat;
padding: 3px;
}
#standard_content_inhalt
{
background: url(content/surfferien_back.gif) no-repeat;
}
#c_einleitung{
background-image: url(content/sonnegelb_verlauf.gif);
}
#c_einleitung_inhalt{
background-image: url(content/sonnegelb_back.gif);
}
#c_anbieter{
background-image: url(content/feuer_verlauf.gif);
}
#c_anbieter_inhalt{
background-image: url(content/feuer_back.gif);
}
#c_lage{
background-image: url(content/campfeuer_verlauf.gif);
}
#c_lage_inhalt{
background-image: url(content/campfeuer_back.gif);
}
#c_unterkunft{
background-image: url(content/yingyang_verlauf.gif);
}
#c_unterkunft_inhalt{
background-image: url(content/yingyang_back.gif);
}
#c_produkte{
background-image: url(content/welle_verlauf.gif);
}
#c_produkte_inhalt{
background-image: url(content/welle_back.gif);
}
#l_columbus{
background-image: url(content/campfeuer_verlauf.gif);
}
#l_columbus_inhalt{
background-image: url(content/campfeuer_back.gif);
}
#l_einleitung{
background-image: url(content/hotsun_verlauf.gif);
}
#l_einleitung_inhalt{
background-image: url(content/hotsun_back.gif);
}
Hat jemand einen Tip??
Ich habe meine "clear" schon an diversen Stellen ausprobiert..
Bestimmt bin ich auf dem falschen Weg.
Kann mir jemand meinen Horizont erweitern??
Gruß
Roland