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: http://www.werkstaette.net/index.php?id=26
Hier mein Stylesheet:
@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:
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>
}
}