nicht angemeldet
Borders bei Overflow werden nicht angezeigt - Mozilla
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
-
hi
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.klingt nach dem MSIE-box-bug....
Schreibt oben als DOCTYPE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transotional.dtd">
und schon schaltet der MSIE (zumindest Version 6) in den Standards-mode und rechnet genauso wie Mozilla.Grüße aus Bleckede
Kai
-
Hallo,
Msi-box-bug kann es eigentlich nicht sein, glaube ich,
IE macht das ja auch richtig.Ich habe das mit der Doctype mal versucht,
heisst aber loose.dtd, soweit ich weiß,
funktioniert aber beides nicht:
Sobald ich die URL mitangebe spinnen beide Browser rum:
Weder prozentuale Höhe, noch prozentuale Mindesthöhe
werden beachtet. Die Ränder sind genauso hoch wie der Inhalt!!
Wenn ich eine Höhe in px angebe funktionierts,
aber der Rand soll ja mindestens 100% groß sein.Css könnte so einfach sein, aber wenn´s an solchen Kleinigkeiten
schon scheitert...Es kann doch wirklich nicht so schwer sein,Text zwischen
2 vertikalen Streifen, die von oben bis unten laufen, anzuzeigen.Grüße aus Bötzingen,
Ben
hi
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.klingt nach dem MSIE-box-bug....
Schreibt oben als DOCTYPE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transotional.dtd">
und schon schaltet der MSIE (zumindest Version 6) in den Standards-mode und rechnet genauso wie Mozilla.Grüße aus Bleckede
Kai
-
hi
Sobald ich die URL mitangebe spinnen beide Browser rum:
ne, dann verhalten sie sich nach W3C-Standard (und vvermutlich weitaus ähnlicher)
Weder prozentuale Höhe, noch prozentuale Mindesthöhe
werden beachtet. Die Ränder sind genauso hoch wie der Inhalt!!
Wenn ich eine Höhe in px angebe funktionierts,
aber der Rand soll ja mindestens 100% groß sein.html,body{height:100%;}
Grüße aus Bleckede
Kai
-
Weder prozentuale Höhe, noch prozentuale Mindesthöhe
werden beachtet. Die Ränder sind genauso hoch wie der Inhalt!!
Wenn ich eine Höhe in px angebe funktionierts,
aber der Rand soll ja mindestens 100% groß sein.html,body{height:100%;}
Kai, normalerweise stimme ich Dir bei allen css-tips uneingeschränkt zu und verfolge Deine Anregungen sehr aufmerksam (da es hier am meisten zu lernen gibt), doch gibt es bei Definition von html in css nicht einen Riesenmurks (wie man auf österreichisch so schön sagt)?! css-anweisung hat doch, obwohl erlaubt, hierbei nichts zu suchen und sollte mit body schon vollkommen ausreichend sein...
soweit meine meinung(!), gruß aus Graz, e.
-
hi
Kai, normalerweise stimme ich Dir bei allen css-tips uneingeschränkt zu und verfolge Deine Anregungen sehr aufmerksam (da es hier am meisten zu lernen gibt), doch gibt es bei Definition von html in css nicht einen Riesenmurks (wie man auf österreichisch so schön sagt)?! css-anweisung hat doch, obwohl erlaubt, hierbei nichts zu suchen und sollte mit body schon vollkommen ausreichend sein...
nein, <html> ist das Element _direkt_ im Fenster, dem einzigen Element mit einer gegebenen Höhe und muss damit eine Hähe haben. Es ist ein ganz normaler Bestandteil der Dateihierarchie, nur eben das oberste davon. Genauso gehört auch eine Scrobbrab eigentlich nicht zum <body>, sondern zu <html>...
Grüße aus Bleckede
Kai
-
hi
Kai, normalerweise stimme ich Dir bei allen css-tips uneingeschränkt zu und verfolge Deine Anregungen sehr aufmerksam (da es hier am meisten zu lernen gibt), doch gibt es bei Definition von html in css nicht einen Riesenmurks (wie man auf österreichisch so schön sagt)?! css-anweisung hat doch, obwohl erlaubt, hierbei nichts zu suchen und sollte mit body schon vollkommen ausreichend sein...
nein, <html> ist das Element _direkt_ im Fenster, dem einzigen Element mit einer gegebenen Höhe und muss damit eine Hähe haben. Es ist ein ganz normaler Bestandteil der Dateihierarchie, nur eben das oberste davon. Genauso gehört auch eine Scrobbrab eigentlich nicht zum <body>, sondern zu <html>...
Grüße aus Bleckede
Kai
Vielen Dank,
so funktioniert es!!!
Schöne Grüße aus Bötzingen,
Ben
-
-
-
-
-