unterschiedliche Darstellung des HTML-Template im Original und in Typo3 [Gelöst]

  • 0 x
    67 Beiträge
    0 Hilfreiche Beiträge
    29. 10. 2008, 11:02

    Hallo liebe Leute,

    ich habe folgendes Problem. Bei mir wird der obere Teil meiner Website in Typo3 nicht so dargestellt, wie in der Orginaldatei. Ich weiß nur nicht, woran das liegen könnte.
    Anbei mal die Screens der entsprechenden Templates.
    [b]Screen des Orgiginals[/b]
    [img]http://s160150340.online.de/fileadmin/webimages/screen/head_original.jpg[/img]

    [b]Scrren in Typo3[/b]
    [img]http://s160150340.online.de/fileadmin/webimages/screen/head_typo3.jpg[/img]

    Wie Ihr sehen könnt, läuft die Navigation nicht nach links aus dem Bild. Ausserdem ist der Bereich für die Navigation auch kürzer. Woran kann das liegen?


  • 1
  • 0 x
    76 Beiträge
    0 Hilfreiche Beiträge
    29. 10. 2008, 11:18

    Ich denk mal, dass das an den Definitionen im Stylesheet in Kombination mit dem Doctype der html-Datei liegen könnte.

    Welchen Doctype hast du in Deinem Original-Template definiert und welchen schreibt Dir Deine TYPO3-Installation in die gerenderte html-Datei?

  • 0 x
    67 Beiträge
    0 Hilfreiche Beiträge
    29. 10. 2008, 11:26

    [b]Hier der Quelltext den Typo3 ausgibt[/b]

    1. <!DOCTYPE html
    2. PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    3. <html>
    4. <head>
    5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    6.  
    7. <!--
    8. This website is powered by TYPO3 - inspiring people to share!
    9. TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
    10. TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    11. Information and contribution at http://typo3.com/ and http://typo3.org/
    12. -->
    13.  
    14. <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e99aac0be0.css" />
    15. <link rel="stylesheet" type="text/css" href="fileadmin/ogb-relaunch/css/style.css" />
    16. <!--[if lte IE 6]>
    17. <link rel="stylesheet" type="text/css" href="fileadmin/ogb-relaunch/css/style_ie6.css" />
    18. <![endif]-->
    19. <!--[if lte IE 7]>
    20. <link rel="stylesheet" type="text/css" href="fileadmin/ogb-relaunch/css/style_ie7.css" />
    21. <![endif]-->
    22. <script type="text/javascript" src="fileadmin/ogb-relaunch/js/horizontal.js"></script>
    23. <title>organisations | bureau |</title>
    24. <meta name="generator" content="TYPO3 4.0 CMS" />
    25. <script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>
    26. </head>

    [b]Hier der Quelltext des Originaltemplates[/b]

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    4. <head>
    5. <title></title>
    6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    7. <meta http-equiv="imagetoolbar" content="no" />
    8. <meta http-equiv="Keywords" content="" />
    9. <meta http-equiv="Language" content="de, German, deutsch" />
    10. <meta name="robots" content="index, follow" />
    11. <meta name="date" content="2008-02-09" />
    12. <meta name="content-language" content="de" />
    13. <link href="css/style.css" rel="stylesheet" type="text/css" />
    14. <link rel="stylesheet" href="css/style_print.css" type="text/css" media="print" />
    15. <!--[if lte IE 7]>
    16. <link href="css/style_ie7.css" rel="stylesheet" type="text/css" />
    17. <![endif]-->
    18. <!--[if lte IE 6]>
    19. <link href="css/style_ie6.css" rel="stylesheet" type="text/css" />
    20. <![endif]-->
    21. <script type="text/javascript"><!--//--><![CDATA[//><!--
    22.  
    23. sfHover = function() {
    24. var sfEls = document.getElementById("navigation").getElementsByTagName("LI");
    25. for (var i=0; i<sfEls.length; i++) {
    26. sfEls[i].onmouseover=function() {
    27. this.className+=" sfhover";
    28. }
    29. sfEls[i].onmouseout=function() {
    30. this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    31. }
    32. }
    33. }
    34. if (window.attachEvent) window.attachEvent("onload", sfHover);
    35.  
    36. //--><!]]></script>

  • 0 x
    76 Beiträge
    0 Hilfreiche Beiträge
    29. 10. 2008, 11:48

    Na dann hast Du die Antwort ja schon am Tisch!
    schreib zum Beispiel
    [TS]config {
    doctype = xhtml_strict
    htmlTag_langKey = de_AT
    xhtml_cleaning = all
    locale_all = de_AT
    language = de
    }[/TS]
    in dein TS...

    und dann, bevor Du online gehst, check bei jeder Extension, die Du installierst, ob sie wirklich xhtml strict rendert!

    ... ach ja, die aktuelle TYPO3-Version ist 4.2, warum verwendest Du nicht die?
    ... die ist sicherer und auch bedeutend schneller als die 4.0er, sowohl im BE, als auch im FE...

  • 0 x
    67 Beiträge
    0 Hilfreiche Beiträge
    29. 10. 2008, 11:58

    Hertlichen Dank. Das war es. Jetzt funktioniert alles bestens.

    Ich habe bei der gelegenheit gleich noch eine Frage. Wie bekomme ich es hin, dass, wie auf dem Screen ersichtlich, die Bilder rechts neben dem Text sind, aber linksbündig angeordnet sind?

    [img]http://s160150340.online.de/fileadmin/webimages/screen/screen3.jpg[/img]

  • 0 x
    76 Beiträge
    0 Hilfreiche Beiträge
    29. 10. 2008, 12:09

    Ich habe bei der gelegenheit gleich noch eine Frage.

    [b]Neue Frage, neuer Thread![/b]
    Wie sonst sollen später mal Suchende die Frage und die Antwort dazu finden können?

    However, hier die Antwort:
    Anordnung in Spalten.
    Such im Repository nach column (das englische wort für Spalten)

  • 0 x
    67 Beiträge
    0 Hilfreiche Beiträge
    29. 10. 2008, 12:23

    Ich wollte nicht unnötige viele Threads eröffnen. Vielen Dank für die Hilfe

  • 1