Was ist an diesem code falsch

K

Klegs

Angesehenes Mitglied
Hallo

Ich möchte das die tabelle den vollen browser füllt, aber es will mit dem 100% in der höhe nicht ganz klappen.....
ohmy.gif
CODE <body>
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF00FF">
<tr>
<td> </td>
</tr>
</table>
</body>


was muss ich ändern?

Gruess
 
Wenn ich noch ein <html> drumherum baue, dann funktioniert der Code. Insofern: Poste mal deinen ganzen Code.
 
CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-right: 0px;
}
-->
</style></head>

<body>
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF00FF">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

 
Tja, das ist das uralte Problem mit height und einer Prozentangabe:

Zitat von SelfHtml

QUOTE Bestimmt die Höhe der gesamten Tabelle in Bezug auf das Anzeigefenster. Diese Angabe wird zwar von den Browsern schon lange unterstützt und wird in der Praxis häufig benutzt, gehörte jedoch nie zum HTML-Standard.


Sprich: Wenn Du eine DTD verwendest, geht das nicht unbedingt. Wenn Du keine DTD nutzt, funktioniert das quick and dirty.
 
CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


Also ist dieser code die ursache warum es nicht geht....
Kann ich den ersatzlos löschen oder wie würde der aussehen ohne DTD?
 
So kann man es natürlich auch sehen.

Im Endeffekt ist es aber nicht die DTD, sondern die Angabe der Höhe der Tabelle. Sie ist nicht konform zum HTML-Standard. Siehe Beitrag von jAuer.

Wenn Du die DTD entfernst wird die Höhenangabe nur deshalb berücksichtigt weil die Browser so fehlertollerant sind.
 
jou...

Aber ich habe absolut keine ahnung was für ein html ich darum bauen muss......
wink.gif
 
Hi Klegs,
bau mal in dein <body>-Tag ein topmargin="0" ein damit müsste es dann eigentlich einwandfrei gehen.
wink.gif


Gruß Ralf
 
Also bei mir funktioniert folgendes wunderbar.
<html>
<head>
<title></title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" topmargin="0" leftmargin="0">
<table border="1" width="100%" height="100%">
<tr>
<td>bla</td>
</tr>
</table>
</body>
</html>

Welchen Browser benutzt du denn?
 
Furchtbar, das hier zu lesen.
Eine Lösung nach der anderen, die nicht zum Standard gehört, wird durchgekaut.

Verwende nicht das HTML-Attribut "height", sondern mach das Ganze über CSS. Dann sollte es gehen. Und entferne die DTD auf keinen Fall!

CODE text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" topmargin="0" leftmargin="0"
Gehört alles nicht zum HTML-Standard --> durch CSS ersetzen und löschen.

"border" und "bordercolor" am besten auch durch CSS ersetzen.


CODE body {
margin-left: 0px;
margin-right: 0px;
}

... besser ersetzen durch ...

CODE body {
margin: 0px;
}

... da man nie weiss, welcher Browser noch einen weissen Rahmen um den body macht.


QUOTE Welchen Browser benutzt du denn?
Falsche Frage.

QUOTE IE 7
Falsche Antwort.

- Es muss in jedem Browser gehen --> in jedem testen
- Der Firefox ist um Welten besser als der IE
 
QUOTE (DaBone @ So 4.3.2007, 14:33)Furchtbar, das hier zu lesen.
Eine Lösung nach der anderen, die nicht zum Standard gehört, wird durchgekaut.

Verwende nicht das HTML-Attribut "height", sondern mach das Ganze über CSS. Dann sollte es gehen. Und entferne die DTD auf keinen Fall!

@DaBone, es ist schön, wenn Du hier die reine Lehre verteidigst. Nur sieht leider die reine Lehre keinen Ausdruck vor, der einem eine Tabelle auf 100% Höhe vergrößert - man kann nur Pixelangaben und 'auto' nutzen. Und es gibt Fälle, in denen benötigt man eine 100%- oder eine 95%-Höhe - und dann entferne auch ich im Zweifelsfall die DTD.

Plastisches Beispiel: Alle internen Menüs von mir unter /admin/, etwa http://beispiel.server-daten.de/admin/ - ansonsten ist das untere iFrame-Fenster ein schmaler Streifen, oder ich muß die Größe pixelgenau vorgeben, was Unsinn wäre.

Sprich: Leider hat der Html-Standard einige Schwächen - und die sollte man kennen.

Dieses obere Rahmenmenü ist so primitiv, da ist auch mir jeder 'Standard' egal, das funktioniert so in jedem Browser.
 
Die sollen gefälligst mal height:100% für divs einführen:)
Es stresst mich jedes mal aufs neue, dass es das nicht gibt.
 
Man muss in diesem Fall auch html und body auf 100% ausdehnen, erst dann kann die Tabelle 100% des Viewports ausfüllen:

QUOTE (Code)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
html, body {
margin:0;
padding:0;
height:100%;
}
-->
</style></head>

<body>
<table style="height:100%; width:100%; border:1px solid #f0f">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
 
QUOTE (Jörg Kruse @ Mo 5.3.2007, 9:37)Man muss in diesem Fall auch html und body auf 100% ausdehnen, erst dann kann die Tabelle 100% des Viewports ausfüllen:

Ups - thanks für die Info. Auf die Idee, das html-Element auf 100% auszudehnen, bin ich bis jetzt auch noch nicht gekommen. Ich hatte das mal mit body versucht, das hatte nicht genügt.
 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben