nicht angemeldet
Tabelle mit height="100%" und NS
Moin!
Ich hab schon wieder ein Problem mit Netscape / Mozilla:
Ich versuche mit Hilfe einer Tabelle einen Text in die Mitte des Browserfensters zu setzten. Beim IE funktioniert es auch, aber bei NS wird der text nur horizontal ausgerrichtet. Wie kann ich es erreichen, dass er auch vertikal ausgerrichtet wird?
Man kann sich das hier ansehen: http://members.tripod.com/moin339/nMitte.html
oder hier:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Fenstermitte?</title>
<style type="text/css">
body { margin: 0cm 0cm 0cm 0cm;
height: 100%; }
.noBorder { border: 0px solid gray; }
</style>
</head>
<body>
<table summary="mitte?" cellpadding="0" cellspacing="0" class="noBorder" style="height: 100%; width: 100%">
<tr>
<td style="text-align: center; vertical-align: middle">Ist das in der Fenstermitte?</td>
</tr>
</table>
</body>
</html>
ciao, moin339
-
Hallo,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Fenstermitte?</title>
<style type="text/css">html {height:100%;}
body { margin: 0cm 0cm 0cm 0cm;
height: 100%; }
.noBorder { border: 0px solid gray; }
</style>
</head>
<body>
<table summary="mitte?" cellpadding="0" cellspacing="0" class="noBorder" style="height: 100%; width: 100%">
<tr>
<td style="text-align: center; vertical-align: middle">Ist das in der Fenstermitte?</td>
</tr>
</table>
</body>
</html>Hey, fast! Da muss nur noch ein
html {height:100%;}
in's StyleSheet. HTML ist auch ein Element im HTML.
Gruß
Axel
-
Moin!
Ich hab schon wieder ein Problem mit Netscape / Mozilla:
Ich versuche mit Hilfe einer Tabelle einen Text in die Mitte des Browserfensters zu setzten. Beim IE funktioniert es auch, aber bei NS wird der text nur horizontal ausgerrichtet. Wie kann ich es erreichen, dass er auch vertikal ausgerrichtet wird?Das geht nicht ohne Javascript, da der Body immer so hoch ist wie sein Inhalt, in deinem Falle besteht der Inhalt aus der Tabelle und folglich ist 100% height nur die Höhe der Tabelle nicht des Fensters. Sehen kannst du dies in dem du einen Rahmen um den Body machst:
html
{
height: 100%;
}
body {
margin:0;
padding:0;
height: 100%;
width:100%;
border: 2px solid red;
}
.noBorder {
border: none;
height: 100%;
width: 100%;
}Struppi.
-
Doch, bei mir geht das jetzt.
Mit
html { height: 100%; }
funktioniert es
ciao, moin339
-
Doch, bei mir geht das jetzt.
Mit
html { height: 100%; }
funktioniert es
Echt, bei mir nicht (Netscape 4.5)
Struppi.
-
-