[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