• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

IE 7 - Abschneiden von Padding innerhalb eines Div-Containers

Zejo

Mitglied
Kann mir jemand sagen, warum der IE 7 Padding, dass etwas über einem Div-Container steht, abschneidet? (siehe Bild)

Danke im Voraus.

bild.jpg



Code:
<!DOCTYPE html>
<html>
<head>
    <title>Titel</title>

<style type="text/css">
* {
  padding: 0;
  margin: 0;
}


a {
  width: 100px;
  border: 5px solid black;
  margin:20px;
  padding: 10px;



}
div {
  width: 50%;
  margin: auto;
  margin-top: 20px;
  background-color: red;
}


</style>
</head>
<body>
<div>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
</body>
</html>
 
Der IE7 interpretiert Padding anders als moderne Browser.

Du könntest es a) mit overflow:visible versuchen, b) per *+ Hack das CSS für den IE7 anpassen oder c) nach Lösungen googeln.
 
Zurück
Oben