Hallo Kollegen,
ich habe mir ein eigenes Template "gebastelt", allerdings ganz ohne Tabellen, sondern nur mit <div style=""></div> - Formatierungen und ohne css. Wenn ich mir die fertige "template.htm" auf meinem Rechner ansehe (egal, ob mit IE oder Mozilla) sieht alles super aus. Sobald ich es allerdings in Typo3 einbinde, kommt nur noch Mozilla damit klar. Im Internet-Explodierer verschieben sich die Inhalte zum Teil nach unten (soll heissen: der Footer wird z.B. "abgerissen") und auch die Menüeinträge des GMENÜs (welche ich mit dem GIFBUILDER darauf rendern lasse) sind eigenartig nach unten verschoben. Ich schätze, es liegt vielleicht am Typo3-Header, den Typo3 immer selbst generiert (ich musste extra meinen eigenen Header aus der "template.htm" rausnehmen, damit es überhaupt funktionierte). Kann mir jemand diesen Verdacht bestätigen und weiss jemand, aus welcher Datei Typo3 seinen Header generiert? Dann könnte ich den ja vielleicht mit meinem eigenen Header aus der "template.htm" überschreiben...
Für hilfreiche Tipps wäre ich Euch sehr sehr dankbar, denn ich beschäftige mich mit diesem Thema nun bereits mehrere Wochen und komme hier einfach nicht mehr weiter.
Viele Grüße
Hallo,
grundsätzlich würde es nicht schaden, auch das Template zu posten!
Natürlich kann es auch am doctype liegen. je nachdem musst du das richtige angeben:
config.doctype = xhtml_11
config.xmlprologue = none
config.xhtml_cleaning = all
config.disablePrefixComment = 1
georg
danke für deine schnelle antwort.
ich werde das im typoscript mal versuchen.
das template poste ich morgen.
bis dahin....
So, etwas sehr verspätet, aber hier ist das Template: (Ich hoffe, ich habe es in der richtigen Form gepostet)
Der Tip mit den Zeilen im Typoscript (siehe oben) hat ganz gut funktioniert, nur der IE macht immer noch einen dünnen Streifen, der da absolut nicht hingehört (im Bereich zwischen ###TEASER### und ###TMENU### (Zeile 41 bis 48 ungefähr)
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.Stil2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:9px; color: #000; background:url(/fileadmin/template/images/bg.jpg) repeat-x;
}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css">
<body>
<div style="width: 920px;text-align: left;margin: 0px auto;vertical-align: middle;">
<!-- Header DIV für Abstand nach oben -->
<div style="height: 17px;"> </div>
<!-- Hintergrundbild oben -->
<div style="height: 22px; width: 900px;background: url('/fileadmin/template/images/oben.gif') no-repeat;"> </div>
<!-- Content Div> -->
<div style="height: 459px; width: 241px;float: left;background: url('/fileadmin/template/images/hmenu.gif') no-repeat;">
<div style="padding-left:0px;padding-top:0px;">
###HMENU###
</div>
</div>
<div style="width: 620px;float: left;">
<div style="height: 30px;background: url('/fileadmin/template/images/teaser.gif') no-repeat;">
###TEASER###
</div>
<div style="background: url('/fileadmin/template/images/tmenu.gif') no-repeat;height: 21px; text-align:right; font-size:12px; color: #FFF; padding-right:10px; font-weight:bold; vertical-align:baseline;">
###TMENU### </div>
<div style="background: url('/fileadmin/template/images/content.gif') no-repeat;height: 408px;">
<div style="height: 365px;overflow:auto;padding: 15px;">
###CONTENT###
</div>
</div>
</div>
<div style="float: left; width: 39px;height: 459px;background: url('/fileadmin/template/images/rechts.gif') no-repeat;">
</div>
<br style="clear: both;" />
<!-- Footer DIV -->
<div style="width:241px;float: left;height: 79px;background:url('/fileadmin/template/images/logo.gif'); no-repeat;">
</div>
<div style="width:310px;float: left;height: 79px;background:url('/fileadmin/template/images/suche.gif');">
<form action="index.php?id=56&no_cache=1"
method="post"
enctype="multipart/form-data"
name="a1837f7c19e4fe7f2bc32cea6f784e507" target="_self" class="SUCHEN1" id="a1837f7c19e4fe7f2bc32cea6f784e507"
onsubmit="return validateForm('a1837f7c19e4fe7f2bc32cea6f784e507','','','Bitte%20alle%20Felder%20ausf%FCllen%21','')">
<input type="hidden" name="stype" value="L0" />
<input type="hidden" name="locationData" value="56:tt_content:80" />
<input type="hidden" name="scols" value="tt_content.header-bodytext-imagecaption" />
<input class="sword" name="sword" type="text" />
<br />
<a href="#" class="Stil2" onClick="document.a1837f7c19e4fe7f2bc32cea6f784e507.submit()"><img src="fileadmin/template/images/pfeil.gif" alt="suche" width="8" height="8" border="0" /> Suchen....</a>
</form>
</div>
<div style="width:310px;float: left;height: 79px;background:url('/fileadmin/template/images/Player.gif')">
###BOTTOM###
</div>
<div style="width:39px;float: left;height: 79px;background:url('/fileadmin/template/images/rechts_u.gif'); no-repeat;">
</div>
<br style="clear: both;" />
</div>
<div style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:#333333; text-align:center;"><br>all rights of the manufacturer and the owner of the recorded work reserved. unauthorized public performance, broadcasting and copying prohibited. alle urheber- und leistungsschutzrechte vorbehalten. © ek-Ost 2006
</div>
</body>
</html>
[/list]