noch ein problem mit doctype

alexf812 · 26.09.2004, 21:11

hi...

also wenn ich folgende zeile:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

aus dem quellcode (IE 6.0) entferne wird
bei <table height="100%"> die höhe so angezeigt, aber wenn ich die zeile drin hab, wird diese angabe ignoriert.
hat da jamend en tip wie ich das beheben kann?

Terry · 26.09.2004, 21:22

Im Standardmodus wird 100% nur angezeigt, wenn das übergeordnete Element auch 100% Höhe hat - also body und dessen Elternelement html auch.

Davon abgesehen war <table height="100%"> noch nie valide und wird es auch nie sein (Höhenangaben sind nur im <td>-Element erlaubt).

alexf812 · 26.09.2004, 21:28

hmm... achso, aber gibts da noch ne andere möglichkeit das der inhalt immer mittig angezeigt wird egal wie gross das browserfenster ist?

EDIT

habs so hinbekommen:
body
{
margin:0px;
padding:0px;
height: 100%;
}

und dann style="height: 100%;"

fiu · 26.09.2004, 21:37

<table>
<tr>
<td height="100%" width="100%"
content
</td>
</table>
???

alexf812 · 26.09.2004, 21:40

Zitat:

Zitat von fiu

<table>
<tr>
<td height="100%" width="100%"
content
</td>
</table>
???

das habe ich auch versucht, aber dann ist ebenfalls die höhenangabe ignoriert worden

alexf812 · 26.09.2004, 21:41

hmm..leider funzt meine lösung jetzt nich im firefox :-(

Terry · 26.09.2004, 22:07

Hallo,

entweder machst Du es "klassisch" und unvalide, oder Du versuchst mal diesen Ansatz, den ich gerade ausgetüftelt habe - der wäre standardkonform, valide und funktioniert in firefox, Opera und IE5 (grad getestet):

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Zentriertest</title>
<style type="text/css">
body,html {
      height:100%;           /*unbedingt html und body*/
      background-color:#c0c0c0;
      font-size:100.01%;
      font-family:verdana, sans-serif;
}

#center {
      height:99%;             /*bei 100% war unten kein Abstand*/
      background-color:#fff;
      text-align:center;     /*sorgt für horizontale Zentrierung*/
      }
h1 {
      margin-top:30%;   /*paßte im Test am besten*/
      font-size:1em;
}

.zero {
   overflow: hidden;       /*diese Klasse sorgt dafür, dass im Mozilla nicht alles runterrutscht*/
   margin: 0;
   padding: 0;
   line-height: 0;
   font-size: 0;
   height: 0;
} 
</style>
</head>
<body>
<div id="center">
<span class="zero">&nbsp; </span>
<h1>test</h1></div>
</body>
</html>

alexf812 · 26.09.2004, 23:53

hi...

danke dir vielmals.
bei mir hat es eigentlich damit hier schon hingehauen, aber hab das nicht im opera und IE 5 ausprobiert.

<style type="text/css">
body, html
{
margin:0px;
padding:0px;
height: 100%;
}
</style>

<table style="width:100%;height:100%;" border="1">

Terry · 27.09.2004, 09:56

Ja, das funktioniert natürlich auch - ist halt nicht valide.

Meine schnelle Lösung ist sicher auch nicht das Optimum, da nicht wirklich zentriert - paßte aber in verschiedenen Auflösungen in den Browsern erstaunlich gut - hat mich selbst überrascht!

alexf812 · 27.09.2004, 11:02

hi...

trotzdem aber nochma danke, das du dir so ne mühe gemacht hast