Internet Explorer zentriert Layout nicht horizontal
| Autor | Nachricht |
|---|---|
|
Verfasst am: 18. 07. 2008 [10:15]
|
|
|
lennard
Themenersteller
Dabei seit: 31.10.2005
Beiträge: 69
|
Ich habe ein dummes Problem und komm einfach nicht zur Lösung. Mein Layout hat eine fixe Breite und soll horizontal zentriert dargestellt werden. Im Firefox passt es nur im Internet Explorer stellt es mir gewisse Dinge an den linken Rand. Es ist meiner Meinung nach ein stylesheet-Problem, jedoch finde ich keine Lösung. Kann mir bitte jemand helfen? Hier der Link zur Seite: www.werkstaette.net/index.php?id=26 Hier mein Stylesheet: HTML @import url(content.css);
@import url(tt_news_v2_styles.css);
html,body{margin:0;padding:0;}
body{font: 76% arial,sans-serif; background: #FFFFFF url(images/odoerfer-bg.gif) repeat-y 50% 0}
p{margin:0 10px 10px;}
a{display:block;color: #981793;padding:10px;}
div#container{width:970px;margin:0 auto;}
div#header{height:76px; width:970px; background: #0072BC; background-image:url(images/logo_bg.gif); background-repeat:repeat-x; color: #79B30B;}
div#header_left{height:76px; width:456px; background:#0072BC; float:left; }
div#header_right{height:76px; width:222px; background:#0072BC; float:right; margin-top:-15px;}
div#content p{line-height:1.4;}
div#extra{background:#E5F3FF;}
div#footer{background: #0072BC;color: #FFF;}
div#footer p{margin:0;padding:5px 0 5px 230px;}
div#wrapper{float:left;width:100%; height:100%; }
div#content{margin: 0 200px; padding:20px 40px 0 40px;}
div#navigation{float:left; width:210px; margin-left:-100%; }
div#extra{float:left;width:210px;margin-left:-210px; }
div#footer{clear:left; width:970px; position:absolute; bottom:0;}
#leftmenu li hr { border:dotted 1px #666666; margin-left:-20px;}
#navigation ul {
margin: 0;
padding: 0;
width:210px;
list-style-type: none;
}
#navigation li {
text-decoration: none;
font: normal 14px Arial, Helvetica, Verdana, sans-serif;
padding: 2px 0 2px 15px;
}
#navigation li a {
text-decoration: none;
}
#navigation li a:hover {
color: red;
}
#navigation li a {
color: #000000;
}
#navigation li.ACT,
#navigation li.CUR {
background: url(../ol/arrowbullet.gif) no-repeat;
margin:0;
padding-left:20px;
font-weight: bold;
color: #000000;
}Und hier mein Typoscript: TYPOSCRIPT seite = PAGE seite.typeNum = 0 seite.includeCSS.file = fileadmin/template_neu/styles-eisenhof-neu.css config.sys_language_uid = 0 config.language = de config.locale_all = de_DE@euro config.spamProtectEmailAddresses = 1 config.spamProtectEmailAddresses_atSubst = [at] seite.10 = TEMPLATE seite.10 { template = FILE template.file = fileadmin/template_neu/eisenhof_template.html workOnSubpart = DOCUMENT_BODY subparts.CONTENT = TEXT subparts.CONTENT < styles.content.get subparts.CONTENT_RIGHT = TEXT subparts.CONTENT_RIGHT < styles.content.getBorder subparts.NAVIGATION = HMENU subparts.NAVIGATION.entryLevel = 0 subparts.NAVIGATION.stdWrap.wrap = <ul> | </ul> subparts.NAVIGATION.1 = TMENU subparts.NAVIGATION.1 { expAll = 0 NO.wrapItemAndSub = <li class="NO"> | </li><hr /> ACT = 1 ACT.wrapItemAndSub = <li class="ACT"> | </li><hr /> CUR = 1 CUR.wrapItemAndSub = <li class="CUR"> | </li><hr /> } subparts.NAVIGATION.2 = TMENU subparts.NAVIGATION.2.wrap = <ul> | </ul> subparts.NAVIGATION.2 { expAll = 0 NO.wrapItemAndSub = <li class="NO"> | </li> ACT = 1 ACT.wrapItemAndSub = <li class="ACT"> | </li> CUR = 1 CUR.wrapItemAndSub = <li class="CUR"> | </li> } subparts.NAVIGATION.3 = TMENU subparts.NAVIGATION.3.wrap = <ul> | </ul> subparts.NAVIGATION.3 { expAll = 0 NO.wrapItemAndSub = <li class="NO"> | </li> ACT = 1 ACT.wrapItemAndSub = <li class="ACT"> | </li> CUR = 1 CUR.wrapItemAndSub = <li class="CUR"> | </li> } } TYPOSCRIPT |
  |
|
|
Verfasst am: 18. 07. 2008 [10:43]
|
|
|
SLAng
Moderator
Dabei seit: 20.10.2004
Beiträge: 2778
|
Verwende einen korrekten Doctype, dann wird die Seite auch zentriert. Im Moment läuft deine Seite in jedem Browser im Quirksmode. Gib deinem Container content noch ein display:block; mit Nichts wissen ist schlecht, nichts wissen wollen ist eine Katastrophe!
|
|
|
|
Verfasst am: 18. 07. 2008 [10:56]
|
|
|
lennard
Themenersteller
Dabei seit: 31.10.2005
Beiträge: 69
|
Danke, habe ich gemacht, leider haben die Änderungen nichts bewirkt  Liebe Grüsse, Michael |
|
|
|
Verfasst am: 18. 07. 2008 [11:40]
|
|
|
lennard
Themenersteller
Dabei seit: 31.10.2005
Beiträge: 69
|
hurra, jetzt habe ich es gefunden. ich habe im body HTML body{font: 76% arial,sans-serif; background: #FFFFFF url(images/odoerfer-bg.gif) repeat-y 50% 0; text-align:center;}gesetzt und überall anders auf left. danke für deine Hilfe. Liebe Grüsse [Dieser Beitrag wurde 2mal bearbeitet, zuletzt am 18.07.2008 um 11:41.] |
|
|
|
Verfasst am: 18. 07. 2008 [16:28]
|
|
|
SLAng
Moderator
Dabei seit: 20.10.2004
Beiträge: 2778
|
Jo, ist aber absolut dirty und dein Doctype ist immernoch fürn Eimer. Deine Seite läuft weiterhin im Quirks. Nichts wissen ist schlecht, nichts wissen wollen ist eine Katastrophe!
|
|
|
|
Verfasst am: 29. 07. 2008 [12:18]
|
|
|
suit
Dabei seit: 09.01.2007
Beiträge: 47
|
frei übersetzt: es ist essentiell, dass eine barrierefreie seite valide ist - deine seite wird im quirksmode gerendert, von der seite ist sie per definition niemals barrierefrei |
|
|
|
Verfasst am: 11. 02. 2011 [13:22]
|
|
|
wsammy
Dabei seit: 06.05.2004
Beiträge: 267
|
Ich habe auch das Problem, dass die Seite im Explorer nicht zentriert dargestellt wird. Wenn ich in der CSS Datei unter body, CSS text-align: center; 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? HTML <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- This website is powered by TYPO3 - inspiring people to share! TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL. TYPO3 is copyright 1998-2011 of Kasper Skaarhoj. Extensions are copyright of their respective owners. Information and contribution at <a href="http://typo3.com/" target="_blank" class="link_10"> http://typo3.com/</a> and <a href="http://typo3.org/" target="_blank" class="link_10">http://typo3.org/</a> --> <base href="http://www.domain.de/"> <title></title> <meta name="generator" content="TYPO3 4.5 CMS"> <meta name="language" content="de"> <meta name="robots" content="all"> <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_614539977a.css?1296653462" media="all"> <link rel="stylesheet" type="text/css" href="fileadmin/template/default.css?1297425351" media="all"> <script src="typo3temp/javascript_a708894199.js?1296744562" type="text/javascript"></script> <script type="text/javascript" src="typo3conf/ext/kulo_player/res/kulo_player054.js"></script> </head> <body> <div id="container"> ... |
|
|