IE zeigt Hintergrundbild nicht komplett

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

für meine Internetseite habe ich ein neues Layout gemacht. Jetzt habe ich aber ein kleines Problem: der IE (Version 6) zeigt die Hintergrundgrafik im Hauptmenü nicht komplett an.

HTML:

[Vita](docs/vita.php)
[Web-Projekte](docs/web.php)
[Studium](docs/studium.php)
[Print](docs/print.php)
[Flash](docs/flash.php)
[Gästebuch](docs/gaestebuch.php)
[Kontakt](docs/kontakt.php)
[Admin-Login](docs/login.php)
[Impressum](docs/impressum.php)

Und hier das relevante CSS:

#menu {
 position:relative;
 top:15px;
 right:0px;
 text-align:right;
 vertical-align:bottom;
}

a.main {
 padding-left:25px;
 margin-left:15px;
 padding-bottom:2px;
 height:16px;
 text-decoration:none;
 background-image: url("../images/layout/bgmainlink.gif");
 background-repeat:no-repeat;
 background-position:left top;
}

a.main:link, a.main:visited {
 color:#FFCC66;
}

a.main:active, a.main:hover {
 color:#FF1414;
}

Die Hintergrundgrafik hat eine Größe von 16 x 16px.

Wie kann ich den IE dazu bringen, die Grafik komplett anzuzeigen?

Link zur Seite: http://www.kerstinheinzel.de
komplettes CSS: http://www.kerstinheinzel.de/css/styles.css

Kerstin

#2

Hallo Kerstin,

die Version 7 zeigt es auch nicht ganz.

auf ersten Blick würde ich sagen: dein a.main-css mit Höhe 16 plus 2px padding-bottom ist dran Schuld. Die Grafik ist auch 16px hoch, hat also kein Platz, sich ganz zu zeigen.

Gruß
Maja

#3

So, hab jetzt in #menu noch ein padding-bottom:2px; eingefügt, jetzt klappt’s (zumindest im IE 6, Version 7 schau ich mir nachher auf einem anderen Rechner an).

CSS sieht jetzt so aus:

#menu {
 position:relative;
 top:15px;
 right:0px;
 text-align:right;
 vertical-align:bottom;
 padding-bottom:2px;
}

Kerstin

#4

Prima! :smile:

Im IE7 klappt es auch, hab ich mir eben angeschaut.

Gruß
Maja