Hallo zusammen,
hier also die Problembeschreibung:
Habe ein Template für Typo3 erstellt, bei dem es oben eine Grafik hat und darüber ein float gelegt wird. soweit ist das auch kein Problem denn es geht ja im Firefox, nur wenn ich die Seite im IE 7 öffne, wird die Grafik nicht hinter das float gelegt, sondern fängt erst darunter an. Denke die Bilder sprechen für sich.
Habe schon verschiedene Posts hier im Forum durchsucht aber leider nichts gefunden. Vielleicht habe ich auch einfach nicht nach der richtigen Fehlerquelle gesucht und deshalb nichts gefunden.
Bilder:
so wie es sein sollte: http://www.pictureupload.de/originals/pictures/081208172950_ff.JPG
und noch im IE 7 mit der falschen Darstellung:
http://www.pictureupload.de/originals/pictures/081208173050_ie.JPG
hier mal mein Quelltext:
und mein css
Vielen Dank für eure Hilfe!
hier also die Problembeschreibung:
Habe ein Template für Typo3 erstellt, bei dem es oben eine Grafik hat und darüber ein float gelegt wird. soweit ist das auch kein Problem denn es geht ja im Firefox, nur wenn ich die Seite im IE 7 öffne, wird die Grafik nicht hinter das float gelegt, sondern fängt erst darunter an. Denke die Bilder sprechen für sich.
Habe schon verschiedene Posts hier im Forum durchsucht aber leider nichts gefunden. Vielleicht habe ich auch einfach nicht nach der richtigen Fehlerquelle gesucht und deshalb nichts gefunden.
Bilder:
so wie es sein sollte: http://www.pictureupload.de/originals/pictures/081208172950_ff.JPG
und noch im IE 7 mit der falschen Darstellung:
http://www.pictureupload.de/originals/pictures/081208173050_ie.JPG
hier mal mein Quelltext:
Code:
<!-- ###DOKUMENT### begin -->
<script src="fileadmin/template/scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<div align="center" style="max-height:100%; height: 100%;">
<div style="width:800px;">
<div align="left" style="float:right; width: 350px; min-width: 350px; max-width: 350px;">
<div align="left" style="width: 297px; height: 352px;background-image:url(fileadmin/template/images/bildrahmen.jpg)">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','297','height','352','src','fileadmin/template/animierte_bilder','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','fileadmin/template/animierte_bilder' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="297" height="352">
<param name="movie" value="fileadmin/template/animierte_bilder.swf" />
<param name="quality" value="high" />
<embed src="fileadmin/template/animierte_bilder.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="297" height="352"></embed>
</object>
</noscript></div>
</div>
<div align="left" style="min-width: 800px; max-width: 800px; width: 800px; height: 248px; background-image:url(fileadmin/template/images/logo.jpg)">
<div align="left" style="padding-left:36px; padding-top:188px;">###MENU###</div>
</div>
<div aling="left" style="width:800px; min-width:800px; max-width:800px; background:url(fileadmin/template/images/linie_repeat.gif) repeat-y; ">
<div align="left" style="padding-left:40px; padding-right: 40px; min-height:150px;min-width:720px;max-width:720px;; width: 720px;">###MAIN###</div>
</div>
<div align="left" style=" clear:both; min-width: 800px; max-width: 800px; width: 800px; height: 93px; background:url(fileadmin/template/images/footer.gif)"></div>
</div>
</div>
<!-- ###DOKUMENT### end -->und mein css
Code:
/* CSS Document */
*{
margin: 0;
padding: 0;
}
html {
min-height:100%;
height: auto;
height: 100%;
background-color:#FFFFFF
}
body {
margin: 0;
padding: 0;
min-height: 100%;
height:auto;
height:100%;
font-family: Arial, sans-serif;
}
.menu_link {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
vertical-align: 12px;
font-size: 14px;
font: Arial;
}
.menu_link:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
vertical-align: 14px;
font-size: 14px;
}
.menu_link_act {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
vertical-align: 18px;
font-size: 14px;
}
.menu_link_act:hover {
font-weight: bold;
vertical-align: 18px;
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
}Vielen Dank für eure Hilfe!
