[TYPO3-german] fdfx3cols & IE7

typo3 at schwennmedia.de typo3 at schwennmedia.de
Thu Jun 4 09:17:26 CEST 2009


Hallo,

hier mal der code, den ich verwende.

als template für fdfx3cols benutze ich das Standarttemplate der  
Extension:

<!-- ###TEMPLATE_0### begin -->
		<div class="tx-fdfx3cols-pi1_content">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td class="c3l1-left">
					###CONTENT_LEFT###
				</td>
				<td class="c3l1-middle">
					###CONTENT_MIDDLE###
				</td>
				<td class="c3l1-right">
					###CONTENT_RIGHT###
				</td>
			</tr>
		</table>
		</div>
		<!-- ###TEMPLATE_0### end -->

Das passende CSS:

/*plugin.tx_fdfx3cols_pi1 */
/* Layout 1 */
.c3l1-left{
    padding-right: 5px;
    font-size: 10px;
    font-family: Arial;
    width:150px;
    white-space:normal;
    border-right: none;
}

.c3l1-middle{
    padding-left: 5px;
    font-size: 10px;
    font-family: Arial;
    padding-right: 5px;
    width:150px;
    white-space:normal;
    border-right: none;
}

.c3l1-right{
    padding-left: 5px;
    font-size: 10px;
    font-family: Arial;
    width:150px;
    white-space:normal;
    border-right: none;
}

Eingeschlossen ist die Extension einfach in einem Div-Container:

<div id="text_content">text_content</div>

passende CSS:
#text_content{
	background-color:#273087;
	color:#ffffff;
	margin-top:0;
	margin-bottom:0;
	padding:10px;
	height:420px;
	width:630px;
	overflow-x: hidden;
	overflow-y: auto;
}


Wie gesagt, funzt alles wunderbar, lediglich die Extension fdfx3cols  
muckt im Internet Explorer 7


Danke und beste Grüße
Markus


Am 03.06.2009 um 22:47 schrieb Christian Müller (Kitsunet):

> typo3 at schwennmedia.de wrote:
>> Hallo,
>>
>> habe ein Problem mit der fdfx3cols Ext. und dem IE7.
>> Soweit funktioniert alles gut, jedoch hält der IE7 sich bei dieser
>> Extension nicht an die Container, sondern zeigt die Inhalte darüber
>> hinaus an. Das haut mir natürlich das Layout durcheinander. Der
>> erforderliche Scrollbalken wir aufgrund von overflow: auto auch
>> dargestellt, ist allerdings unwirksam und der Content wird über den
>> footer hinaus dargestellt.
>>
>> Alle Browser wie Firefox (Win & Mac), Opera (Win & Mac), Safari und
>> sogar der IE 6.x stellen alles sauber dar. Hat jemand eine Idee,  
>> woran
>> das liegen könnte ? Habe mit CSS schon alles mögliche probiert! Kenne
>> auch keinen IE CSS Hack dafür?!
>>
>> Danke für jeden Hinweis
>>
>> Gruß
>> Markus
>>
> Am besten wäre mal HTML + CSS Beispiel, damit es klar wird.
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
>



More information about the TYPO3-german mailing list