Hallo,
Ich habe in Typo3 ein Template mit CSS erzeugt.
Links ist ein Menücontainer rechts der Inhalt.
Der Menücontainer wird gefloatet (float:left).
Wenn ich nun im Inhalt ein Textpic Content Objekt einfüge und das Bild Unten links einfüge so zeigt es mir dieses Textpic erst ab dem Punkt vertikal an, wo der Menücontainer vorbei ist.
Dieses Textpic objekt wird von Typo3 mit csc-texpic-left umgeben und dieses wird auch link gefloatet aber auch gleich wieder gecleart. Es scheint nun so dass dieses clear mein float für den Menücontainer beendet.
Hier könnt ihr eine reduzierte Seite sehen http://www.sibbus.com/float_clear.htm
und hier den Code
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Anfahrt</title>
<meta name="generator" content="TYPO3 4.3 CMS" />
<style type="text/css">
#links{ width:11em;
float:left;
min-height:30em;
position:relative;
border: 2px solid #d0d1d0;
background: #e4ece3; }
.seitentitel {
background-color:green;
height: 40px;
}
#footer {
clear:left;
background-color:red;
width: 100%;
}
.csc-textpic-text {background-color:yellow}
.csc-textpic-left {
display:inline;
margin-right:10px;
float:left;
clear:left}
</style>
</head>
<body>
<div id="komplett">
<div id="links">
</div>
<div id="inhalt">
<div id="c47" class="csc-default">
<div class="seitentitel">
<span>Anfahrt</span></div>
<div class="csc-textpic-left">
<div class="csc-textpic-text">
<p class="text">IrgendeinText</p>
</div>
<div class="csc-textpic-imagewrap">
<img src="Anfahrt.png" width="400" height="439" alt="" /></div>
</div>
<div class="csc-textpic-clear">
</div>
</div>
</div>
<div id="footer">
Footer<br />
</div>
</div>
</body>
</html>
Die gelbe Zeile mit "Irgendein Text" sollte eigentlich unter der grünen mit "Anfahrt" stehen.
Habe ich einen Fehler gemacht, oder macht da Typo3 was falsch.
Danke im voraus
Andreas