[TYPO3-german] Footer unter Inhaltselement
Timo Z.
timoz at web.de
Fri Jan 12 11:18:10 CET 2007
Hallo,
ich habe aktuell folgendes Problem.
Ich habe ein Inhaltselement "HTML". Darin kommt ein <"iframe"> zum Einsatz .
Per HTML und CSS soll unter meinen Inhaltselementen ein Footer kommen. Darin
enthalten ist z.B. ein LinkToTop und ein Druck-Button.
Wenn ich nun aber das Inhaltselement einsetze, dann erscheint der Footer am
oberen Rand. Sprich: der Footer erkennt den iframe-Inhalt nicht.
Ist vermutlich eher ein HTML/CSS-Problem, aber vielleicht kann mkir trotzdem
jemand helfen. Habt ihr eine Idee?
Mein HTML:
<div class="middle"><!--###middle### begin -->
<div class="middleContent"><!--###middleContent### begin -->
<!-- CONTENT ELEMENT, uid:3605/html [begin] -->
<a id="c3605"></a>< div class="entry">
<!-- Raw HTML content: [begin] -->
<iframe src="http://www.fremdeurl.info" width="650" height="700"
marginheight="50" marginwidth="10" align="left" scrolling="no"
frameborder="0">
</iframe>
<!-- Raw HTML content: [end] -->
</div>
<!-- CONTENT ELEMENT, uid:3605/html [end] -->
<div class="footer"><!--###footer### begin --><p class="footer">Meine
Firma<br>Tel. 01234 / 56789</p> <a href="#top" onmouseover="swapFTop()"
onmouseout="swapImgRestore()" title="Zum Seitenanfang"><img
src="fileadmin/templates/images/footer_top.gif" alt="Seitenanfang"
class="footerTop" id="fTop" /></a><span class="hidden"> | </span><a
href="javascript:window.print();" onmouseover="swapFPrint()"
onmouseout="swapImgRestore()" title="Seite ausdrucken"><img
src="fileadmin/templates/images/footer_print.gif" alt="Drucken"
class="footerPrint" id="fPrint" /></a> <!--###footer###
end --></div><!--###middleContent### end --></div>
<!--###middle### end --></div>
Mein CSS-Auszug dazu dazu:div.middle { width: 730px; line-height: 150%;
float: left;}div.middleContent { margin: 0 0 20px 20px; padding: 0 20px 0 0;
border-top: 20px solid #FFFFFF;}div.entry { margin: 0 0 20px 0; padding: 0 0
20px 0; border-bottom: 1px solid #CCCCCC; clear: left; clear: right;}/*
Footer */div.footer { position: relative; padding: 0 0 20px 0;}p.footer {
font-size: 90%; color: #999999;}img.footerTop { position: absolute; left:
396px; top: 0;}img.footerPrint { position: absolute; left: 426px; top:
0;}DANKE für eure Hilfe!Grußtimzim
More information about the TYPO3-german
mailing list