nicht angemeldet
CSS Dropdown menü versetzt!
Hy Leute,
ich weiß, wir hatten das Thema schon einige Male, aber irgendwie helfen mir alle Lösungsvorschläge nichts!
Ich habe ein CSS-DropDown Menü gemacht, und dieses funktioniert auch wunderbar! Nur leider wird das Menü im IE um ca 20px nach rechts versetzt! Im FireFox und im Opera funktioniert es wunderbar!
Ihr könnt es euch gerne anschauen. http://2007.vg-mms.com/typo/
Kann mir wer weiterhelfen?
Danke schon mal
LG
egbrother
P.s.: Hier mein Css:
/* GENERAL fonts */
P, OL, UL, DIV, H1, H2, TD {
font-family: verdana, arial;
font-size: 10px;
}
H1 { font-size: 15px; }
H2 { font-size: 13px; }
P, H1, H2 {margin: 0px 0px 5px 0px;}
td#header_1, td#menu_1, td#footer, td#content{
border-left:1px solid #000000;
border-right:1px solid #000000;
}
body
* { margin: 0; padding: 0; }
/* Befehl um die Liste als vertikale Liste darzustellen - ANFANG*/
ul.menu, ul.menu ul {
list-style-type:none;
}
ul.menu a {
display: block;
padding: 3px 0 3px 0;
font-weight:normal;
}
/*Listendesign - Untermenü*/
ul.menu li ul{
margin-top:0;
padding:1px 0 0 0;
position:absolute;
display:none;
border:1px solid #000000;
background-color:#ccff99;
}
ul.menu li ul li {
float:none;
background-image: none;
font-size:9px;
padding: 0 0 0 0;
height:13px;
text-align:center;
border-top:1px solid #000000;
width:100px;
}
/*Listendesign - Hauptmenü*/
ul.menu li {
margin:0;
width:98px;
float:left;
text-align:center;
}
/* Befehl um die Liste als vertikale Liste darzustellen - ENDE*/
/*Befehl für Block-Popup - ANFANG*/
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul {
display:block;
}
/*Befehl für Block-Popup - ENDE*/
/*IE-Hack für die Breite - ANFANG*/
*html ul.menu ul {
width:100px;
}
/*IE-Hack für die Breite _ ENDE*/
ul.menu li a:link {
font-weight:bold;
color:#333333;
text-decoration:none;
text-align:center;
}
ul.menu li a:visited {
font-weight:bold;
color:#333333;
text-decoration:none;
text-align:center;
}
ul.menu li a:active {
font-weight:bold;
color:#333333;
text-decoration:none;
text-align:center;
}
ul.menu li ul a:link{
color:#333333;
text-decoration:none;
}
ul.menu li ul a:visited{
color:#333333;
text-decoration:none;
}
ul.menu li ul a:active{
color:#333333;
text-decoration:none;
}
ul.menu li ul a:hover{
color:#6699ff;
font-weight:bold;
}
ul.menu ul a {
padding: 0 10px;
}
TD#footer {
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
}
TD#footer P {
text-align: center;
}
/* Content column */
TD#content {
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
vertical-align: top;
}
TD#menu_1{
align:center;
vertical-align:middle;
border-bottom:1px solid #000000;
height:18px;
background-color:#ccff99;
}
-
Hai Egbrother,
sowohl der CSS-Validator vom wW3C, als auch der HTML-Validator melden ein paar kleinere Bugs. Hast du die schon mal angeschaut?
Grüße,
Claus