DIV-Box mit Text und ohne Rand unten
sven
- css
Hallo allerseits,
ich hab ein Problem und die Suche konnte mir nicht weiterhelfen.
Ich hab ein DIV:
<html>
<head>
<style type="text/css">
<!--
div.block {
background-color: #B0B0B0;
border: 2px solid;
width: 209px;
border-top-color: #DCDCDC;
border-left-color: #DCDCDC;
border-right-color: black;
border-bottom-color: black;
padding: 0px 10px 6px 5px;
}
</style>
</head>
<body>
<div class="block" style='height:10px;'>
asda sdasdasd
</div>
</body>
</html>
Im Firefox wird das DIV richtig angezeigt: Die Box ist nur 10 Pixel hoch. Im IE ist aber unter der Schrift ein Rand mit 6 Pixeln. Wie verhindere ich diesen Rand?
Viele Grüße, Sven
hi,
Im Firefox wird das DIV richtig angezeigt: Die Box ist nur 10 Pixel hoch. Im IE ist aber unter der Schrift ein Rand mit 6 Pixeln.
Redest du etwa vom Padding, welches du ja selber angegeben hast?
padding: 0px 10px 6px 5px;
Da ich davon ausgehe, dass der FF das padding korrekt darstellt, erkläre bitte genauer, was dann an der Darstellung wo stimmt/nicht stimmt.
gruß,
wahsaga
Redest du etwa vom Padding, welches du ja selber angegeben hast?
padding: 0px 10px 6px 5px;
Ööööhm das ist mir jetzt peinlich... ich hab die 6px in meiner css-Datei ganz sicher auf 0px gesetzt und im IE einen Reload gemacht (mit F5 und strg + F5). Aber ohne Verbesserung - vielleicht hätte ich den Cache leeren sollen???