Explorer zentrieren / Doctype [Gelöst]

  • wsammy wsammy
    Jedi-Meister
    0 x
    267 Beiträge
    0 Hilfreiche Beiträge
    15. 02. 2011, 17:10

    Ich habe auch das Problem, dass die Seite im Explorer nicht zentriert dargestellt wird. Wenn ich in der CSS Datei unter body,

    1. text-align: center;
    einfüge, dann wird zwar die Seite zentriert dargestellt, aber auch der Text, was ich ja nicht möchte.
    (bezieht sich auf http://www.typo3.net/forum/beitraege/barrierefreiheit/79678/beitrag/seite/#pid372494)

    Nun meine Fragen:

    1. Wie setze ich einen korrekten Doctype?
    2. in meinem html-template habe ich alles entfernt bis auf den Inhalt vom Body, weil typo3 selbst einen header zuweist. Da gibt es doch einen Code, den man nach <body> und vor </body> einfügen kann, damit typo3 nur diesen Inhalt nimmt. Sollte was kleines sein, hab die Lösung aber nicht gleich gefunden.
    3. was muss ich nun genau einfügen, damit die Seite auch im Explorer zentriert dargestellt wird?

    1. <!DOCTYPE html
    2. PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    3. <html lang="en">
    4. <head>
    5.  
    6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    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-2011 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. <base href="http://www.domain.de/">
    15. <meta name="generator" content="TYPO3 4.5 CMS">
    16. <meta name="language" content="de">
    17. <meta name="robots" content="all">
    18.  
    19. <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_614539977a.css?1296653462" media="all">
    20. <link rel="stylesheet" type="text/css" href="fileadmin/template/default.css?1297425351" media="all">
    21.  
    22. <script src="typo3temp/javascript_a708894199.js?1296744562" type="text/javascript"></script>
    23.  
    24. <script type="text/javascript" src="typo3conf/ext/kulo_player/res/kulo_player054.js"></script>
    25. </head>
    26. <body>
    27.  
    28. <div id="container"> ...

    sorry, hier noch die CSS:

    1. body {
    2. background:#F7F7F7 url("/image.jpg") repeat-x;
    3. font-size: 11px;
    4. font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    5. color:#333333;
    6. padding:0;
    7. margin:0;
    8. /* text-align: center; im nachhinein eingefügt für IE ! damit zentriert, ZENTRIERT ABER ALLES AUCH TEXT */}
    9.  
    10. a {color: #333333; text-decoration: none}
    11. a:visited {color:#333333;}
    12. a:hover {color: #333333; text-decoration: none;}
    13.  
    14. h1 {
    15. font-size: 11px;
    16. text-transform:uppercase;
    17. background-color: #FFF;
    18. border-top:1px solid #564b47;
    19. border-bottom:1px solid #564b47;
    20. padding:5px 10px;
    21. margin:0 }
    22.  
    23. h2 {
    24. font-size:20px;
    25. font-weight: normal;
    26. padding: 5px 10px;
    27. margin:0px;}
    28.  
    29. img.download {vertical-align:middle;}
    30.  
    31. /* ----------container zentriert das layout "sollte"-------------- */
    32. #container {
    33. width: 900px;
    34. margin-bottom: 10px;
    35. margin:0 auto;
    36. background-color: #fff;
    37. }
    38.  
    39. /* ----------banner for logo-------------- */
    40. #banner {
    41. background-color: #fff;
    42. text-align: right;
    43. padding: 0px;
    44. margin: 0px;
    45. }
    46. #banner img {padding:0px 0px;}
    47.  
    48. /* -----------------Inhalt--------------------- */
    49. #content {
    50. background-color: #ffffff;
    51. padding: 0;
    52. margin: 0 200px;
    53. }
    54. div#content {
    55. min-height:600px;
    56. height:expression(this.scrollHeight > 600 ? "auto":"600px");
    57. }
    58.  
    59. p, pre{
    60. padding: 5px 10px;
    61. margin:0;
    62. }
    63.  
    64. /* --------------left navigavtion------------- */
    65. #left {
    66. float: left;
    67. width: 200px;
    68. margin: 0px;
    69. padding: 0px;
    70. background-color: #fff;
    71. }
    72. #right {
    73. float: right;
    74. width: 200px;
    75. margin: 0;
    76. padding: 0;
    77. }
    78.  
    79. /* -----------footer--------------------------- */
    80. #footer {
    81. clear: both;
    82. margin: 0px;
    83. padding: 0px;
    84. text-align: right; }


  • 1
  • algiz algiz
    Padawan
    0 x
    55 Beiträge
    0 Hilfreiche Beiträge
    16. 02. 2011, 01:08

    text-align ist ncht die richtige CSS-Eigenschaft dafür. Denn, wie der Name schon sagt, wird damit Text ausgerichtet.

    Wenn ich dein CSS beim Überfliegen richtig interpretiere, machst du schon alles richtig. Nur der korrekte (vollständige) Doctype fehlt, damit der IE sich an den Standard hält. Den kannst du per Typoscript einfügen. Z.B .:

    1. config.doctype = xhtml_trans

    Schau am besten nochmal in TSref vom CONFIG-Objekt. Dort findest du die Schlüsselworte für den Doctype, den du brauchst.

  • wsammy wsammy
    Jedi-Meister
    0 x
    267 Beiträge
    0 Hilfreiche Beiträge
    16. 02. 2011, 01:15

    1. config.doctype = xhtml_trans

    Juhui
    Vielen Dank! Das wars auch schon!

  • 1