Hey hey!
ich bin relativ neu bei typo 3 und habe ein problem mit meinem css!
Ich binde über ts ein eigenes (auf Firefox, IE6, Opera und Safari getestets) css und eine html designvorlage in meine typo3 site ein.
Im Firefox, Opera und Safari wird die seite vollkommen richtig angezeigt!
Im IE6 wird keine einzige css formatierung angewendet sondern es werden die Standart typo3 eigenschaften angewendet!
der validator von w3c ergibt übrigends auch keinerlei errors oder warnings!
hat jemand einen tipp dazu?
es schein als würde das komplette css vom ie6 ignoriert werden!
danke schon im vorraus!
Hier kommt der von typo3 generierte Code!
ganz unten dann mein css!
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2008 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8192c2092f.css" />
<link rel="stylesheet" type="text/css" href="fileadmin/hometemplate/ksk_home_style.css" media="screen;" />
<title>Home</title>
<meta name="generator" content="TYPO3 4.2 CMS" />
<script type="text/javascript" src="typo3temp/javascript_93077bb238.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
<!--
function openPic(url,winName,winParams) { //
var theWindow = window.open(url,winName,winParams);
if (theWindow) {theWindow.focus();}
}
// -->
/*]]>*/
</script>
</head>
<body>
<div id="alllayout" class="alllayout-style" align="center">
<div id="header" class="bg-header">
<div id="mainnavi" class="main-nav">
<div id="ueberuns" class="main-navi-ausrichtung">
<a href="index.php?id=34" onfocus="blurLink(this);">Über uns</a>
</div><!--End of ueberuns-->
<div id="veranstaltungen" class="main-navi-ausrichtung">
<a href="index.php?id=33" onfocus="blurLink(this);">Veranstaltungen</a>
</div><!--End of veranstaltungen-->
<div id="fotoalbum" class="main-navi-ausrichtung">
<a href="index.php?id=32" onfocus="blurLink(this);">Fotoalbum</a>
</div><!--End of fotoalbum-->
<div id="vermietung" class="main-navi-ausrichtung">
<a href="index.php?id=28" onfocus="blurLink(this);">Vermietungen</a>
</div><!--End of vermietung-->
</div><!--End of mainnavi-->
<div id="subnavi" class="subnavi-style">
</div><!--End of subnavi-->
</div><!--End of header-->
<div id="contentback" class="bg-content">
<div id="content-inhalt" class="style-content" align="left">
<div id="home-content" class="home-content-style">
<!-- CONTENT ELEMENT, uid:16/textpic [begin] -->
<a id="c16"></a>
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-intext-right-nowrap csc-textpic-equalheight"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:194px;"><dt><a href="index.php?eID=tx_cms_showpic&file=uploads%2Fpics%2Fmain_content_01.gif&width=800m&height=600m&bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&md5=a7f936d6369095d6c8fff2022d9b637f" onclick="openPic('index.php?eID=tx_cms_showpic&file=uploads%2Fpics%2Fmain_content_01.gif&width=800m&height=600m&bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&md5=a7f936d6369095d6c8fff2022d9b637f','thePicture','width=194,height=173,status=0,menubar=0'); return false;" target="thePicture"><img src="uploads/pics/main_content_01.gif" width="194" height="173" border="0" alt="" /></a></dt></dl></div><div style="margin-right:204px;"><div class="csc-textpic-text">
<!-- Text: [begin] -->
<h1>HERZLICH WILLKOMMEN!</h1>
<h6>Seit über 10 Jahren prägt der gemeinnützige Verein KulturszeneKottingbrunn das kulturelle Leben in Kottingbrunn und Umgebung. Er bewirtschaftet die beiden Schlossgebäude „Kulturwerkstatt“ und Markowetztrakt mit mehr als 200 Tagen Veranstaltungsbetrieb pro Jahr. Konzerte, Ausstellungen, Kabarett, Literatur <b>undTheaterproduktionen</b> sind beim Publikum sehr beliebt.<br /><br />Jährlich gibt es im September eine Theaterproduktion mit Profi- und <br />Amateurschauspielern, die weit über die regionalen Grenzen bekannt ist und geschätzt wird.<br /><br />Die Amateurtheatergruppe AmaKult begeistert im Frühjahr mit <br />Boulevardkomödien.<br /> <br />5 x im Jahr wird auch Theater für Kinder in Form eines Abo´s angeboten.<br /><br />Die Kulturszene Kottingbrunn bietet auch jungen Künstlern und Musikern die Möglichkeit für <br />Auftritte in den Räumen des Wasserschlosses Kottingbrunn. <br /><br />Die Zusammenarbeit mit anderen Kottingbrunner Vereinen ist ein besonderes Anliegen des Vereines <br />das in gemeinsamen Veranstaltungen Erfolg gezeigt hat.<br /><br />Die Kulturszene bietet auch Raum für Feiern, Seminare, Hochzeiten usw. unter Einbeziehung der <br />Kottingbrunner Gastronomie- und Heurigenbetriebe.<br />hallo</h6>
<h6>absatz</h6>
<!-- Text: [end] -->
</div></div></div><div class="csc-textpic-clear"><!-- --></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:16/textpic [end] -->
</div><!--End of homecontent-->
<div id="folderleiste" class="folderleiste-style">
<!-- CONTENT ELEMENT, uid:15/image [begin] -->
<a id="c15"></a><img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />
<!-- Image block: [begin] -->
<div class="csc-textpic csc-textpic-center csc-textpic-below"><div class="csc-textpic-imagewrap" style="width:170px;"><dl class="csc-textpic-image csc-textpic-firstcol" style="width:80px;"><dt><img src="uploads/pics/folder_02.gif" width="80" height="164" border="0" alt="" /></dt></dl><dl class="csc-textpic-image csc-textpic-lastcol" style="width:80px;"><dt><img src="uploads/pics/folder_03.gif" width="80" height="164" border="0" alt="" /></dt></dl></div></div><div class="csc-textpic-clear"><!-- --></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:15/image [end] -->
<!-- CONTENT ELEMENT, uid:14/text [begin] -->
<a id="c14"></a>
<!-- Text: [begin] -->
<h3>Aktuelle Folder herunterladen!</h3>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:14/text [end] -->
<!-- CONTENT ELEMENT, uid:13/text [begin] -->
<a id="c13"></a><img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />
<!-- Header: [begin] -->
<div class="csc-header csc-header-n3"><h1 style="text-align:center;">Aktuelles</h1></div>
<!-- Header: [end] -->
<!-- Text: [begin] -->
<h2>Caesar lacht<br />heiteres vom AMAKULT</h2>
<h6>12.Jänner 2009</h6>
<h2><br />Frühlingsball der KSK</h2>
<h6>15.Mai 2009<br /><br /></h6>
<h2>Der Grüne Kakadu</h2>
<h6>12.September 2009</h6>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:13/text [end] -->
</div><!--End of folderleiste-->
</div><!--End of contentinhalt-->
</div><!--End of contentback-->
<div id="footer" class="bg-footer">
<div id="footernavi" class="footer-navi-style">
<div id="newsletter" class="footer-newsletter">
<a href="index.php?id=27" onfocus="blurLink(this);">Newsletter</a>
</div><!--End of newsletter-->
<div id="anfahrt" class="footer-anfahrt">
<a href="index.php?id=26" onfocus="blurLink(this);">Anfahrtsplan</a>
</div><!--End of anfahrt-->
<div id="links" class="footer-links">
<a href="index.php?id=25" onfocus="blurLink(this);">Links</a>
</div><!--End of links-->
<div id="sitemap" class="footer-sitemap">
<a href="index.php?id=24" onfocus="blurLink(this);">Sitemap</a>
</div><!--End of sitemap-->
<div id="impressum" class="footer-impressum">
<a href="index.php?id=23" onfocus="blurLink(this);">Impressum</a>
</div><!--End of impressum-->
<div id="kontakt" class="footer-kontakt">
<a href="index.php?id=22" onfocus="blurLink(this);">Kontakt</a>
</div><!--End of kontakt-->
</div><!--End of footernavi-->
</div><!--End of footer-->
</div>
<!--End of alllayout-->
</body>
</html>
@charset "ISO-8859-1";
/* CSS Document */
body { background: #999999 url(bilder/gradient.gif) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
width:auto;
height:100%;
margin:0px;
padding:0px
}
.alllayout-style{
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
}
.bg-header{
position:relative;
background-image:url(bilder/header.gif);
width:865px;
height:129px;
}
.bg-content{
background: #999999 url(bilder/mainback.gif) repeat-y left top;
position:relative;
width:865px;
height:60%;
}
.bg-footer{
position:relative;
background-image:url(bilder/footer.gif);
width:865px;
height:47px;
}
.style-content{
position:relative;
left:0px;
height:100%;
width: 814px;
font-size:12px;
}
.folderleiste-style h6{
padding:0px;
margin-left:5px;
padding-left:10px;
margin:0px;
color:#666666;
font-size:12px;
font-weight:normal;
}
.folderleiste-style h1{
padding:0px;
margin:0px;
text-align:center;
color:#666666;
font-size:15px;
font-weight:bold;
}
.folderleiste-style h2{
padding:0px;
padding-left:10px;
margin-left:5px;
margin:0px;
font-weight:bold;
color:#666666;
font-size:12px;
}
.folderleiste-style h3{
padding:0px;
text-align:center;
margin:0px;
font-weight:normal;
color:#666666;
font-size:10px;
}
.folderleiste-style{
padding-left:5px;
overflow:auto;
height:100%;
border-left:3px #0066cc;
border-left-style:solid;
}
.bodytext {
color:#666666;
font-size:20px;
}
.home-content-style h6{
color:#666666;
font-size:12px;
font-weight:normal;
}
.home-content-style h1{
color:#666666;
font-size:15px;
font-weight:bold;
}
.home-content-style{
position:relative;
width:630px;
height:100%;
float:left;
overflow:auto;
background-image:url(bilder/main_content_bg.gif);
background-position:right bottom;
background-repeat:no-repeat;
}
.main-nav{
position:relative;
text-align:center;
top:87px;
height:20px;
width: 865px;
}
.main-navi-ausrichtung{
font-size:15px;
color:#FFFFFF;
width:212px;
left:0px;
float:left;
}
.subnavi-style{
position:relative;
font-size:12px;
color:#000000;
width:865px;
float:left;
left:77px;
top:88px;
}
.footer-navi-style{
position:absolute;
left:246.5px;
top:3px;
font-size:12px;
color:#000000;
}
.footer-newsletter{
position:relative;
width:72px;
height:19px;
float:left;
}
.footer-anfahrt{
position:relative;
float:left;
width:84px;
height:19px;
}
.footer-links{
position:relative;
width:45px;
height:19px;
float:left;
}
.footer-sitemap{
position:relative;
width:62px;
height:19px;
float:left;
}
.footer-impressum{
position:relative;
width:73px;
height:19px;
float:left;
}
.footer-kontakt{
position:relative;
width:59px;
height:19px;
float:left;
}
.main-navi-ausrichtung a {
color:#ffffff;
text-decoration:none;
}
.main-navi-ausrichtung a.active {
color:#000000;
text-decoration:none;
}
.main-navi-ausrichtung a:hover {
color:#ffffff;
text-decoration:none;
}
.subnavi-style a {
color:#000000;
text-decoration:none;
margin-right:25px;
margin-left:25px
}
.subnavi-style a.active {
color:#ffffff;
text-decoration:none;
margin-right:25px;
margin-left:25px
}
.subnavi-style a:hover {
color:#000000;
text-decoration:none;
margin-right:25px;
margin-left:25px
}
.footer-navi-style a {
color:#000000;
text-decoration:none;
}
.footer-navi-style a.active {
color:#ffffff;
text-decoration:none;
}
.footer-navi-style a:hover {
color:#000000;
text-decoration:none;
}