Firefox erkennt Breite "width" nicht!
0 
Jonathan
0 0
Firefox erkennt Breite "width" nicht!
Hallo ihr, ich habe Probleme mit diesem Code:
<html>
<head>
<title>Dokument</title>
</head>
<body>
<div class="link"><a href="#">Ich bin ein Link</a></div>
<p>
<div class="link"><a href="#">Ich bin auch ein Link</a></div>
</body>
<style type="text/css">
a {
color: green;
height: 15px;
padding-bottom: 3px;
padding-left: 5px;
text-decoration: none;
width: 150px;
}
a:hover {
color: green;
height: 15px;
padding-bottom: 3px;
padding-left: 5px;
text-decoration: none;
width: 150px;
}
.link {
border: 1px solid black;
height: 20px;
width: 150px;
}
</style>
</body>
</html>
IE bringt mir die Breite des Link einwandfrei, nur Firefox macht Probleme mit der Breite, weis jemand eine andere Lösung?
-
Hallo N./A.,
a {
width: 150px;
}
IE bringt mir die Breite des Link einwandfrei, nur Firefox macht Probleme mit der Breite, weis jemand eine andere Lösung?Am besten den IE in die Mülltonne schmeißen. Dein a ist ein inline-Element, den kann man laut Standard gar keine Breite zuweisen. Mach das a mit display:block zu einem Blockelement. Die beiden divs ".link" und der <p>-tag sind übrigens ziemlich überflüssig.
Jonathan
-
Hallo Du!
Dein Code ist völlig non-standard und falsch. Lies dir auf Selfhtml mal alles zum Doctype, zur Plazierung von style-Elementen im <head> etc durch.
Du schließt außerdem dein Body-Tag zweimal.Benutze Firefox zum Testen. Normalerweise macht Firefox es richtig und MSIE versucht nur in jedem noch so unsinnigen Code Sinn zu finden.
Gruß,
Ruben -
Danke für die schnellen Antworten!
MfG N./A.