Hallo,
ich habe das Problem, das mein Menü auf der Linken Seite im FIrefox richtig dargestellt wird, im IE6 und 7 leider nicht.
Hat jemand einen Tip für mich?
Webseite
CSS
Zitat:
html,body{margin:0;padding:0;background:#00ab7b;}
body{font: 80% verdana,sans-serif;text-align:center;color:#000000}
p{margin:0 10px 10px}
a{color: #00ab7b;padding:0px; font-size:12px;}
div#header h1{height:166px;line-height:150px;margin:0;
padding-left:280px;background-image: url(../images/header.jpg);color: #ffffff}
div#container{text-align:left}
div#content p{line-height:1.4; padding-right: 20px}
div#footer{height:58px;color: #000; background-image: url(../images/footer.jpg);}
div#footer p{margin:0;padding:5px 50px}
div#container{width:831px;margin:0 auto; background-image: url(../images/container_bg.jpg); background-repeat: repeat;}
div#content{float:right;width:545px;}
div#navigation p{margin:0;padding:5px 50px}
div#footer{clear:both;width:100%}
h1 {font: 121% verdana;text-decoration:none;color:#00ab7b; font-weight:bold;}
ul, li, ol {
list-style: none;
}
div#col-left {
display:block;
float:left;
width: 250px;
font-size: 0.6875em;
}
/* Main navigation */
/* Navigation Standard*/
div#mnavi a {
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#000000;
line-height:16px;
}
div#col-left ul.e1 {
margin: 15px 0 0 0;
}
div#col-left li a.e1p {
padding: 3px 5px 3px 5px;
}
/* Navigation level1 AKTIV ohne Unternavigation*/
div#col-left li a.e1a,
div#col-left li a.e1o,
div#col-left li a.e1oa {
padding: 3px 5px 3px 5px;
color:#00ab7b;
font-weight: bold;
background: #d9f2eb url(../images/navi_pfeil_rechts.gif) no-repeat right center;
}
/* Navigation level1 AKTIV mit Unternavigation - nicht geklickt */
div#col-left li a.e1oa {
color:#00ab7b;
font-weight: bold;
background: #d9f2eb url(../images/navi_pfeil.gif) no-repeat right center;
}
div#col-left li a.e1o {
font-weight: bold;
color:#00ab7b;
background: #d9f2eb url(../images/navi_pfeil.gif) no-repeat right center;
}
div#col-left li a.e2p {
padding: 3px 5px 3px 10px;
}
/* Navigation level2 AKTIV - geklickt */
div#col-left li a.e2a,
div#col-left li a.e2o,
div#col-left li a.e2oa {
padding: 3px 5px 3px 10px;
font-weight: bold;
color:#00ab7b;
background: #d9f2eb url(../images/navi_pfeil_rechts.gif) no-repeat right center;
}
div#col-left li a.e2oa {
background: #fff url(../images/navi_pfeil.gif) no-repeat right center;
div#col-left li a.e2o {
background: #e8e8ee url(../images/navi_pfeil.gif) no-repeat right center;
}
div#col-left li a.e3p {
padding: 3px 5px 3px 20px;
background: #e8e8ee url(../images/pf_navi1.gif) no-repeat 25px 8px;
}
div#col-left li a.e3a,
div#col-left li a.e3o {
padding: 3px 5px 3px 30px;
background: #fff url(../images/navi_pfeil_rechts.gif) no-repeat right center;
}
div#col-left li a.e3o {
background: #e8e8ee url(../images/navi_pfeil.gif) no-repeat right center;
}
div#col-left ul.e3 {
}
img { border:0px }
.text {
text-align:justify;}
|
Für Eure Hilfe Danke ich bereits im VOraus.
Viele Grüße
Sense