IE zeigt größere Schrift an

[Fruitgum]

Hallo,

Im IE wird die Schrift vergrößert.

mein Body:

body {
text-align:center;
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;


}

Die Seite im Allgemeinen wird Richtig angezeigt auch im IE auch die Schrift ist zeiemlich gleich, nur auf meinen Buttons wird sie vergrößert!?

CSS Auszug < A href....>

#seitenleiste {
float:right;
width:245px;
background:#ececec;
text-decoration:none;
list-style:none;

}

#seitenleiste a {
color:#ff6600;
list-style:none;
text-decoration:none;


}
#seitenleiste li ul{
color:#ff6600;
list-style:none;
text-decoration:none;

}

#seitenleiste b{
font-size:12px;
color:#ff6600;
list-style:none;

}

#seitenleiste p{
font-size:12px;
color:#666;
list-style:none;

}

#seitenleiste a:hover{
color:#ff6600;
list-style:none;
text-decoration:underline;


}




#seitenleiste div  {
/*margin:2.4% 2.4% 2.4% 0% !important;
/margin:1.2% 2.4% 1.2% 0%; /* Für IE6 */
margin:5px 5px 5px 0px;
padding:20px;
background:#fff;
text-decoration:none;
background:url(../img/links_s2.png) #fff no-repeat top right;
}

#seitenleiste h4 a:hover {
text-align:center;
text-decoration:none;
color:#FFFFFF;
margin:0;
padding:0px;
border:none;
outline:none;
background:transparent url(img/button_r.png) no-repeat center;
display:block;

}

#seitenleiste h4 a {
border:none;
color:#FFFFFF;
background:transparent;
outline:none;


}

#seitenleiste h4 {
text-align:center;
color:#FFFFFF;
margin:0;
padding:8px;
border:none;
background:transparent url(../img/button_l.png) no-repeat center;
text-align:center;
}

Und so Wird der Link dargestellt:

<h4><a href="http://www.direktbank-marketing.de/blog">Zum Blog</a></h4>

Weis nun ich ob ich einfach bei "a" in der CSS die größe der Schrift bestimmen soll, oder an was das liegt?


Grüße

 

[Maik]

Hi,

ist dort die Schriftgröße "12px" gewünscht?

Dann gib sie hier

#seitenleiste h4 a {
border:none;
color:#FFFFFF;
background:transparent;
outline:none;
font-size:12px;

}

oder hier an

#seitenleiste h4 {
text-align:center;
color:#FFFFFF;
margin:0;
padding:8px;
border:none;
background:transparent url(../img/button_l.png) no-repeat center;
text-align:center;
font-size:12px;
}

Ansonsten greift hier die Schriftgröße für das h4-Element aus der Browservoreinstellung, die in den unterschiedlichen Browsertypen nicht konform ist.

mfg Maik

 

[Sven Mintel]

Moin,

es liegt an dem <h4>, in dem sich der Link befindet.
Wenn du für Überschriften h1-h6 keine Schriftgrösse angibst, wird die Browservoreinstellung dafür herangezogen, und diese vererbt sich auf den Link.

@Maik :

 

[Maik]

@Maik :

Nettes Teamwork zum Sonntagnachmittag

lg Maik