Hallo!
Wie ist bei euch die allgemeine Vorgehensweise wenn ihr ein XHTML Layout umsetzt?
Ich habe ein Layout mit YAML (http://www.highresolution.info/webdesign/yaml/) schön sauber umgesetzt und auch auf allen möglichen Browsern getestet! Ging alles einwandfrei. (Wer will kann es ja selbst testen:http://p17278.typo3server.info/fileadmin/templates/woopen/template_content.html)
Jetzt hab ich das mit Typo3 (4.0 Beta 3), TemplaVoila und CSS_styled_content umgesetzt und seltsamerweise wird es nicht mehr korrekt angezeigt. Okay, es werden ein paar DIVs mehr reingehauen, aber sollte doch nichts ausmachen, oder?
Schauts euch einfach mal an:
http://p17278.typo3server.info/
Im Firefox versaut es mir die runden Ecken und im Internet Explorer ist alles total seltsam...
Ich hab natürlich alles Mögliche hier im Forum ausprobiert um den Code sauber zu bekommen, aber irgendwas ist da immer noch faul!?
Wieso kann man das nicht einfach umsetzen ohne das ganze unnötige Zeugs drumherum?!
Wie macht ihr das so?
Ich werde gerade fast verrückt weil ich seit Stunden herumprobiere und zu keinem Ergebnis komme...
Danke für jede Hilfe!
Gruss,
Benny
Hallo,
was sieht den komisch bei Dir aus. Bei mir sieht das in beiden Browsern ziehmlich gut aus ;-)
Kann nix falsches feststellen, die Ecken sind rund und im IE siehts aus wie im Firefox ?!?
Hat sich das Problem vielleicht schon erledigt?
Viele Grüße
Markus
Danke für die Antwort!
Nein, das Problem hat sich leider noch nicht gelöst! Ich habe auch meinen Browsercache gelöscht, aber der Fehler bleibt.
Hier mal eine Grafik, wo ich die Stellen markiert habe:
http://p17278.typo3server.info/fileadmin/templates/woopen/images/fehler.jpg
Ich bin dankbar für jeden Hinweis!
Gruss,
Benny
Hm, den Fehler im Menü auf der linken Seite konnte ich jetzt finden, aber das auf der rechten Seite leuchtet mir irgendwie überhaupt nicht ein...
Es ist ja quasi der gleiche Quellcode:
Das Original:
<div id="col2">
<div id="col2_content" class="clearfix">
<div class="block">
<img src="images/menu_kopf_hell.gif" width="167" height="5" alt="" />
<div class="menu_punkt_hell">
<div class="box_toolmenu">
<a href="#"><img src="images/icons/druckversion.gif" alt="" /> Druckversion</a>
<a href="#"><img src="images/icons/versenden.gif" alt="" /> Versenden</a>
</div>
</div>
<img src="images/menu_fuss_hell.gif" width="167" height="5" alt="" />
</div>
<div id="rechte_spalte">
<div class="block">
<img src="images/menu_kopf_hell.gif" width="167" height="5" alt="" />
<div class="menu_punkt_hell">
<div class="box_normal">
<h1>So erreichen Sie uns: </h1>
<p>Hallo, das ist die tolle Textbox und muh sagt die Kuh: <a href="#">Druckversion</a></p>
</div>
</div>
<img src="images/menu_fuss_hell.gif" width="167" height="5" alt="" />
</div>
</div>
</div>
</div>
Das Ergebnis von Typo3:
<div id="col2">
<div id="col2_content" class="clearfix">
<div class="block">
<img src="fileadmin/templates/woopen/images/menu_kopf_hell.gif" width="167" height="5" alt="" />
<div class="menu_punkt_hell">
<div class="box_toolmenu">
<a href="#"><img src="fileadmin/templates/woopen/images/icons/druckversion.gif" alt="Druckversion" /> Druckversion</a><a href="#"><img src="fileadmin/templates/woopen/images/icons/versenden.gif" alt="" /> Versenden</a>
</div>
</div>
<img src="fileadmin/templates/woopen/images/menu_fuss_hell.gif" width="167" height="5" alt="" />
</div>
<div id="rechte_spalte">
<img src="fileadmin/templates/woopen/images/menu_kopf_hell.gif" width="167" height="5" alt="" />
<div class="menu_punkt_hell">
<div class="box_normal">
<div class="csc-header csc-header-n1">
<h1 class="csc-firstHeader">So erreichen Sie uns:</h1>
</div>
<p class="bodytext">Gemeinschaftspraxis<br />
Dr. med. Dagmar Woopen<br />
Dr. med. Josef Woopen<br />
Frauenärzte</p>
</div>
</div>
<img src="fileadmin/templates/woopen/images/menu_fuss_hell.gif" width="167" height="5" alt="" />
</div>
</div>
</div>
Das ist ja quasi das Gleiche, aber irgendwie verschiebt es immer die zwei Bilder oben und unten dran...
Ich bin dankbar für jeden Hinweis!
Edit: Nur falls es jmd. interessiert: Es lag am falschen Doctype! Ich habe das Layout in Transitional gemacht und Tidy hat es in Strict umgewandelt... so kam der Fehler! Man kann Tidy aber den --doctype Parameter übergeben und dann ist alles gut!