Menu hover mit CSS ein fehler bei ie.

[Dennis. s]

Guten Abend,

ich habe über CSS ein Menu gemacht mit „hover effekt“, dieses funktioniert einwandfrei im Mozilla Firefox, öffne ich dieses im Internet Explorer gibt es Probleme, nämlich das Bild schneidet es am ende ab, woran liegt das?

Mit freundlichen Grüßen Dennis

Code von .CSS:

#menu1 a
{
display: block;
background-image: url(1.jpg);
color: #666666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 139px;
padding-left: 15px;
padding-bottom: 3px;
padding-top: 3px;
margin: 0px auto;
border: solid 0px #000000;
}

#menu1 a:visited
{
background-image: url(1.jpg);
color: #666666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 139px;
padding-left: 15px;
padding-bottom: 3px;
padding-top: 3px;
margin: 0px auto;
border: solid 0px #000000;
}

#menu1 a:active
{
background-image: url(1.jpg);
color: #666666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 139px;
padding-left: 15px;
padding-bottom: 4px;
padding-top: 4px;
margin: 0px auto;
border: solid 0px #000000;
}

#menu1 a:hover
{
background-color: #000000;
background-image: url(2.jpg);
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 139px;
padding-left: 15px;
padding-bottom: 3px;
padding-top: 3px;
margin: 0px auto;
border: solid 0px #cccccc;
}

[David]

Du hast hier bei:

padding-bottom: 3px;
padding-top: 3px;

andere Werte als bei den anderen Bildern.
Vielleicht könntes ja daran liegen..

[Dennis. s]

Also

padding-bottom: 3px;
padding-top: 3px;

macht den text der da drinne ist in die mitte von bild und

padding-left: 15px;

zu seite. Also von links nach rechts 15 px...

Aber diese 15 px werden rechts bei ie abgeschnitten warum auch immer...
Das ist das Problem.

Gruß Dennis

[Vinzenz Mai]

Hallo Dennis,

padding-left: 15px;
zu seite. Also von links nach rechts 15 px...
Aber diese 15 px werden rechts bei ie abgeschnitten warum auch immer...

vielleicht kann Dir der SELFHTML-Artikel "Das Box-Modell" weiterhelfen.

Freundliche Grüße

Vinzenz