[TYPO3-german] Footer unter Inhaltselement

[Jesse Adler|Illuminatus Web Design Berlin]

Hallo Timo,

Du hast Recht, es handelt sich eher um ein HTML/CSS Problem.
Warum packst Du den Footer mit in den MiddleContent?
Nimm ihn raus aus dem Middlecontent und setze auf das MIddlecontent DIV.

Ich würde im Übrigen ganz auf absolute Positionierung verzichten an 
Deiner Stelle. Das macht sich bei verschiedenen Auflösungen und 
Fenstergrößen ganz schlecht.

Gruß
Jesse

Illuminatus Web Design Berlin
Sophie-Charlotten-Str. 49
14059 Berlin
Tel.: +49 (0)30 - 324 34 77
Mobil: +49 (0)163 - 441 70 76
www.illuminatus-webdesign.de
mail: adler at illuminatus-webdesign.de


Timo Z. schrieb:
> 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 
> 
> 
> 
> 
> ------------------------------------------------------------------------
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german