Online-Skater
Erfahrenes Mitglied
Hallo Tutorianer
Nach langer Zeit habe ich mich mal wieder mit CSS beschäftigt und viel gelesen und recherchiert, bei dem Gedanke habe ich auch gleich meine Seite bissl umgestellt auf dynamsiches CSS usw. Nach sehr langer Arbeit nach dem perfektem Menü ist mir aufgefallen, dass der IE mal wieder nicht so will, wie ich es will und wie es sein sollte.
Zum einen hat der IE ein Problem mit der Eigenschaft padding in % dafür hab ich dann hacks benutzt (für IE in px) vllt geht es auch besser ?
Das größere Problem ist das sich mein Menü nicht an der richtigen Stelle befindet im IE 6 erst wenn man mit der Maus über den ersten Link fährt ist es korrekt (Verwirrend)
Ich weiß das man die Initialwerte weglassen kann aber der Übersicht halber, lasse ich sie drin
Ich appeliere an die CSS-Könner und hoffe mein Problem lösen zu können, denn dafür weiß ich noch zu wenig und probiert habe ich genug 
Wenn ich einen Rand bei .menucontainer setze verschiebt sich das nicht mehr aber die Position bleibt falsch.
Die Seite findet ihr hier
Vielen Dank
Nach langer Zeit habe ich mich mal wieder mit CSS beschäftigt und viel gelesen und recherchiert, bei dem Gedanke habe ich auch gleich meine Seite bissl umgestellt auf dynamsiches CSS usw. Nach sehr langer Arbeit nach dem perfektem Menü ist mir aufgefallen, dass der IE mal wieder nicht so will, wie ich es will und wie es sein sollte.
Zum einen hat der IE ein Problem mit der Eigenschaft padding in % dafür hab ich dann hacks benutzt (für IE in px) vllt geht es auch besser ?
Das größere Problem ist das sich mein Menü nicht an der richtigen Stelle befindet im IE 6 erst wenn man mit der Maus über den ersten Link fährt ist es korrekt (Verwirrend)
Ich weiß das man die Initialwerte weglassen kann aber der Übersicht halber, lasse ich sie drin
CSS:
/*---------------- Navigation -----------------*/
dl.bot_rgt {
background: #7B7D8E url(img/c_tl.gif) top left no-repeat;
padding: 0;
margin: 0;
}
dl.bot_rgt dt {
background:transparent url(img/c_tr.gif) top right no-repeat;
padding: 1%;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #000;
}
*html dl.bot_rgt dt {padding: 2px}
dl.bot_rgt dd {
background: #7B7D8E;
padding: 0;
margin: 0;
}
.menucontainer
{
text-align: center;
}
a.menu
{
display: block;
padding: 2%;
border-bottom: 1px solid #000;
background-color: #737994;
color: #EEEEEE;
text-decoration: none;
}
*html a.menu {padding: 4px}
a.menu:link, a.menu:visited
{
color: #EEEEEE;
text-decoration:none;
font-weight: bold;
background-color:#737994;
}
a.menu:active, a.menu:hover
{
background-color: #EEEEEE;
color:#737994;
font-weight:bold;
}Wenn ich einen Rand bei .menucontainer setze verschiebt sich das nicht mehr aber die Position bleibt falsch.
Die Seite findet ihr hier
Vielen Dank
Zuletzt bearbeitet:
