✔ Menübreite beim IE zu schmal

K

Khyrsanth

Mitglied
Meine Links treiben mich noch in den Wahnsinn

Hallo,

die Seite an der ich gerade bastel hat noch 2 kleine Schönheitsfehler bei denen ich den Grund einfach nicht finde:

1.
Der Link unten beim Buch (Bestellen) sollte in der Schriftgröße 10px sein... isser aber nicht, irgendwie sieht der Code im CSS da auch komisch aus in meiner Ansicht aber ich weiss nicht genau wie ich das beheben kann, das ist die erste Homepage bei der ich so viel versuche mit CSS zu machen.
Was ist da falsch oder fehlt?

Im Grunde ist der einzige Unterschied zu den Links im Hauptteil der Seite dass sie nur 10px hoch sein sollen.

Aber entweder ich krieg die Farben hin aber die Schriftgröße bleibt groß oder ich krieg die Schriftgröße hin aber irgendwie wird die Linkfarbe ignoriert. Momentan wird sogar noch aus unerfindlichen Gründen einer der Links im Hauptteil auch mit 10px dargestellt... warum? :confused:

Allgemeine Schrift + Links:
Code: 
a:link { font-size: 14px; font-family: verdana, arial, helvetica, sans-serif;color:#AF772F}
a:visited {font-size: 14px; font-family: verdana, arial, helvetica, sans-serif;color:#AF772F}
a:active{ font-size: 14px; font-family: verdana, arial, helvetica, sans-serif;color:#AF772F}
a:hover{ text-decoration:none;background-color:#CE9D63;color:#422F16;}

table,td {font-size: 14px;line-height: 1.5em;
font-family: verdana, arial, helvetica, sans-serif;color:#422F16;
}

und wie es momentan für den Unterteil aussieht wo ich einfach nur eine andere Schriftgröße bei Text + Links haben will:

Code: 
#kasten4 {
font-size: 10px;
line-height: 13px;
font-family: verdana, arial, helvetica, sans-serif;
color:#422F16;
text-decoration:none;
padding:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
vertical-align:top;
}

/*links in Kasten */
.a:link, a:visited, a:active{
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
color:#AF772F
}

.a:hover {
font-size: 10px;
background-color:#CE9D63;
color:#422F16;
text-decoration:none;
}


2. erl.
Das seitliche Menü ist unter IE schmaler als bei FF. Es sollte eigentlich rechts so weit gehen wie die News usw. weiter unten, aber IE staucht irgendwie immer alles zusammen. Wie könnte man das beheben? Die feste Pixelbreite scheint IE ja schön zu ignorieren :mad:-

> ERLEDIGT (da ich mit diesem Darstellungsmodus absolut nicht zurecht komme habe ich jetzt eine Notlösung mit weiterer Tabellenzeile + unsichtbarem Bild gemacht)

Achso, Links:
Testseite + CSS
 
Zuletzt bearbeitet:
Moin.
Khyrsanth hat gesagt.:
1.
Der Link unten beim Buch (Bestellen) sollte in der Schriftgröße 10px sein... isser aber nicht, irgendwie sieht der Code im CSS da auch komisch aus in meiner Ansicht aber ich weiss nicht genau wie ich das beheben kann, das ist die erste Homepage bei der ich so viel versuche mit CSS zu machen.
Was ist da falsch oder fehlt?

Momentan wird sogar noch aus unerfindlichen Gründen einer der Links im Hauptteil auch mit 10px dargestellt... warum?

Allgemeine Schrift + Links:

Code: 
a:link { font-size: 14px; font-family: verdana, arial, helvetica, sans-serif;color:#AF772F}
a:visited {font-size: 14px; font-family: verdana, arial, helvetica, sans-serif;color:#AF772F}
a:active{ font-size: 14px; font-family: verdana, arial, helvetica, sans-serif;color:#AF772F}
a:hover{ text-decoration:none;background-color:#CE9D63;color:#422F16;}

und wie es momentan für den Unterteil aussieht wo ich einfach nur eine andere Schriftgröße bei Text + Links haben will:

Code: 
/*links in Kasten */
.a:link, a:visited, a:active{
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
color:#AF772F
}

.a:hover {
font-size: 10px;
background-color:#CE9D63;
color:#422F16;
text-decoration:none;
}
Zum Vergrößern anklicken....
Entferne mal den rotmarkierten Punkt vor dem a-Element, der zum Auszeichnen eines Klassennamen gedacht ist.

//edit: Seh gerade, dass du diesen Syntaxfehler mittlerweile längst behoben hast.

Damit diese Regel auch nur für die Links innerhalb von #kasten4, und nicht dokumentweit gilt, solltest du den Selektor spezifizieren, da ansonsten die allg. Linkeinstellungen zu Beginn des Stylesheets überschrieben werden:
CSS: 
/*links in Kasten */
#kasten4 a:link, #kasten4 a:visited, #kasten4 a:active{
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif;
color:#AF772F
}

#kasten4 a:hover {
font-size: 10px;
background-color:#CE9D63;
color:#422F16;
text-decoration:none;
}

mfg Maik
 
Aaah! Vielen Dank Maik, so hat's geklappt, jetzt sehen endlich alle Links so aus wie sie sollen!

Ich wusste garnicht dass man das auch so schreiben kann damit es nur für einen Bereich gilt, muss ich mir merken.

Danke Dir! :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück