Benjamin Keil: Borders bei Overflow werden nicht angezeigt - Mozilla

Beitrag lesen

SELF-Forum

Borders bei Overflow werden nicht angezeigt - Mozilla

Benjamin Keil
– Informationen zu den Bewertungsregeln

Hallo zusammen,

Ich habe mal wieder ein kleines Problem
und hoffe jemand kennt eine Lösung und kann mir helfen.

Ich habe ein DIV mit der Höhe 100%.
Das DIV hat links u. rechts einen Rand von 2px.
Wenn der Inhalt größer als der Bildschirm wird,
so wird dieser zwar angezeigt, allerdings bleibt der
Rand bei seiner ursprünglichen Größe.
Mit min-height: 100%; könnte ich das Problem zwar für Mozilla
lösen, denn würde IE aber versagen...

Hier ist mein Ansatz:
HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <title>Test</title>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 <link href="css/normal3.css" rel="Stylesheet" type="text/css">
</head>

<body>
 <div class="inhalt">
  Herzlich Willkommen<br>
  Herzlich Willkommen<br>
  Herzlich Willkommen<br>
 </div>
</body>
</html>

CSS:

body {
 margin: 0;
 padding: 0;
 color: #FFFFFF;
 background-color: #000000;
 text-align: center;
}

div.inhalt {
 margin-left: auto;
 margin-right: auto;
 width: 200px;
 height: 100%;
 border-left: 2px solid #CCCCCC;
 border-right: 2px solid #CCCCCC;
 overflow: visible;
}

Danke schonmal im Vorraus.

Schöne Grüße,

Ben

Beitrag melden
–
Informationen zu den Bewertungsregeln