nicht angemeldet
html, body,... height:100% - Fehler im IE6
0 0 0 0 0 
Gernot Back
0 0 Gernot Back
0 0 0 Gernot Back
0
0 
MudGuard
0 0 0 MudGuard
html, body,... height:100% - Fehler im IE6
Hi,
habe hier ein altbekanntes Problem ;)
Ich möchte eine Tabelle in einer anderen Tabelle mit 100% Höhe darstellen. So, jetzt heißt es ja:
"Alle Elternelemente auch auf 100% (inkl html und body)"
Aber genau hier macht mir der IE Probleme. Denn dieser macht mir den body nicht so groß wie das Fenster sondern noch um einiges größer. D.h. ich habe einen Scrollbalken und einiges an weißer Fläche :/.
Wenn ich das 100% bei html und body nicht schreiben, habe ich DIESES Problem nicht, aber mein Grundproblem ist wieder da -> die Tabelle wird nicht mit 100% angezeigt.
Wie kann ich das auch für den IE kompatibel machen?
thx
Stefan
-
Tachchen!
Spontan: body {margin:0; padding:0;} ?
Gruß
Die schwarze Piste
--
ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
Smartbytes Webdesign in Oberhausen-
Hi!
Spontan: body {margin:0; padding:0;} ?
Nein leider nicht :/... schon versucht...
pls help!^^ :/
thx
Stefan-
Poste mal dein Coding, dann kann man weitersehen.
--
Russe-
Hi!
Poste mal dein Coding, dann kann man weitersehen.
Ich werde mir einmal diesen Box Model Bug ansehen... aber hier
ist mein Code! Es ist nur eine kleine Tabelle die diesen
Fehler zeigen soll ;)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Hmmmm</title>
</head>
<style type="text/css">
html {
height:100%;
}
body {
margin:0;
padding:0;
height:100%;
}
</style>
<body>
<table style="height:100%">
<tr style="height:100%">
<td style="width:200px; vertical-align:top; height:100%"
rowspan="3">
<table style="height:100%; width:100%">
<tr>
<td bgcolor="red">sasdfasdfasdfasdf</td>
</tr>
<tr>
<td bgcolor="green">s</td>
</tr>
<tr>
<td height="100%">s</td>
</tr>
</table>
</td>
<td style="width:500px">s</td>
</tr>
<tr>
<td>s</td>
</tr>
<tr>
<td>s</td>
</tr>
</table>
</body>
</html>-
Hallo Stefan,
html, body, #deineTabelle { > margin:0; > padding:0; > height:100%; > }sollte aber schon funktionieren. Dein TABLE-Anfangstag hätte dann das Attribut id="deineTabelle".
Gruß Gernot
-
Hi!
html, body, #deineTabelle {
margin:0;
padding:0;
height:100%;
}> sollte aber schon funktionieren. Dein TABLE-Anfangstag hätte dann das Attribut id="deineTabelle". Hm... :/ Hat auch nicht funktioniert... Brauchen die restlichen Elternelemente (siehe Code) auch dieses height:100%? Oder stimmt an diesem Code noch etwas nicht? Stimmt der DOCTYPE? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Unbenanntes Dokument</title> </head> <style type="text/css"> html, body, #deineTabelle { margin:0; padding:0; height:100%; } </style> <body> <table style="height:100%"> <tr style="height:100%"> <td style="width:200px; vertical-align:top; height:100%" rowspan="3"> <table id="deineTabelle" style="width:100%"> <tr> <td bgcolor="red">sasdfasdfasdfasdf</td> </tr> <tr> <td bgcolor="green">s</td> </tr> <tr> <td height="100%">s</td> </tr> </table> </td> <td style="width:500px">s</td> </tr> <tr> <td>s</td> </tr> <tr> <td>s</td> </tr> </table> </body> </html>-
Hallo Stefan,
Stimmt der DOCTYPE?
Erwischt!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Wenn es dir nichts ausmacht, versetz die Browser einfach in den Quirksmode, indem du die zweite Zeile weglässt, dann müsste alles klappen
Gruß Gernot
-
Erwischt!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Wenn es dir nichts ausmacht, versetz die Browser einfach in den Quirksmode, indem du die zweite Zeile weglässt, dann müsste alles klappen
Wow Danke!! :D
Nur jetzt stellt sich noch eine Frage:
Ist dieser Code korrekt?
Nur schätze ich einmal, dass ich für mein Layout um diesen Code nicht herumkomme... :P
Aber trotzdem danke Gernot!
thx
Stefan-
Hallo Stefan,
Nur jetzt stellt sich noch eine Frage:
Ist dieser Code korrekt?
Nur schätze ich einmal, dass ich für mein Layout um diesen Code nicht herumkomme... :P
Ich bin zuversichtlich dass du das unter Berücksichtigung der Hinweise des Validators hinbekommst.
Gruß Gernot
-
Danke, dann ist diese Frage auch noch geklärt :D
thx
Schönen Tag ;)
Gruß aus Wien
Stefan
-
-
-
Wenn es dir nichts ausmacht, versetz die Browser einfach in den Quirksmode, indem du die zweite Zeile weglässt, dann müsste alles klappen
Ist das ein guter Vorschlag? Immerhin bleibt z.B. ein Mozilla damit im Standards Mode und normalerweise werden die Darstellungen dann unterschiedlich.
-
Hallo Efchen,
Wenn es dir nichts ausmacht, versetz die Browser einfach in den Quirksmode, indem du die zweite Zeile weglässt, dann müsste alles klappen
Ist das ein guter Vorschlag? Immerhin bleibt z.B. ein Mozilla damit im Standards Mode und normalerweise werden die Darstellungen dann unterschiedlich.
Gewisse Probleme sehe ich eigentlich nur bei Opera, aber da sieht's auch bei komplettem Weglassen des DOCTYPES genauso schlecht aus, allerdings nur bei sehr verschachteltem Tabellenlayout.
http://www.sprachlernspiele.de/engel/matroschka.html
Gruß Gernot
-
Hallo Efchen,
sei begrüßt im Self-Forum... ;-)
Wenn es dir nichts ausmacht, versetz die Browser einfach in den Quirksmode, indem du die zweite Zeile weglässt, dann müsste alles klappen
Ist das ein guter Vorschlag? Immerhin bleibt z.B. ein Mozilla damit im Standards Mode
Ähm, dies aus Deinen Fingern, die doch auch in schöner Regelmäßigkeit auf Doctype-Seiten verlinken...? Auch Mozilla befindet sich bei einem HTML-4.01-Transitional-Doctype ohne URI im Quirks Mode.
und normalerweise werden die Darstellungen dann unterschiedlich.
Das wiederum kann ich unterschreiben, da der IE dann noch sehr viel mehr "Quirks" ist als Firefox... ;-)
Viele Grüße
Carsten-
sei begrüßt im Self-Forum... ;-)
Wie jedes Mal in der Sommerpause des ungenannten Forums ;-)
Ähm, dies aus Deinen Fingern, die doch auch in schöner Regelmäßigkeit auf Doctype-Seiten verlinken...? Auch Mozilla befindet sich bei einem HTML-4.01-Transitional-Doctype ohne URI im Quirks Mode.
Ja, ich war zu faul, nachzugucken, und wollte nicht mit haltlosen Aussagen einen schlechten Einstand feiern ;-)
und normalerweise werden die Darstellungen dann unterschiedlich.
Das wiederum kann ich unterschreiben, da der IE dann noch sehr viel mehr "Quirks" ist als Firefox... ;-)
Zwei Browser im Standard Mode heißt zumindest, dass sie weitgehend gleiches Ergebnis liefern. Zwei Browser im Quirks Mode kann trotzdem völlig unterschiedliche Ergebnisse haben. ALso ist Quirks Mode immer schlecht.
-
-
-
-
-
-
Hi,
<table style="height:100%">
<tr style="height:100%">
<td style="width:200px; vertical-align:top; height:100%"
rowspan="3">diese Zelle ist jetzt also so hoch wie der Viewport.
</td>
</tr><tr>
<td>s</td>
</tr>
<tr>
<td>s</td>
</tr>Diese zwei Zeilen passen nicht mehr in den Viewport, da ja bereits die Zelle der ersten Zeile die volle Höhe des Viewport belegt.
==> Scrollbarcu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Diese zwei Zeilen passen nicht mehr in den Viewport, da ja bereits die Zelle der ersten Zeile die volle Höhe des Viewport belegt.
Nein, denn die stehen neben der anderen Zelle. Du hast wohl das rowspan überlesen.
Gruß,
-Efchen
-
-
-
-
-
-
Aber genau hier macht mir der IE Probleme. Denn dieser macht mir den body nicht so groß wie das Fenster sondern noch um einiges größer.
Box Model Bug aufgrund Quirks Mode?
-
Hi,
body, html {
overflow: auto;
height: 100%;
}MfG Hopsel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001-
Hi!
body, html {
overflow: auto;
height: 100%;
}Der Vorschlag klang gut ;) , nur leider kommt jetzt dadurch noch eine Partie Scrollbalken (horiz. und vertik.)
Stefan
-
Hi,
Der Vorschlag klang gut ;) , nur leider kommt jetzt dadurch noch eine Partie Scrollbalken (horiz. und vertik.)
weil du das overflow: auto nur für html und nicht für body definiert hast.
Entferne zusätzlich das Attribut "height:100%" aus dem ersten TR und dem ersten TD.
MfG Hopsel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001-
Hi!
weil du das overflow: auto nur für html und nicht für body definiert hast.
Entferne zusätzlich das Attribut "height:100%" aus dem ersten TR und dem ersten TD.
»»
Habe es nun für beide definiert und die beiden heights beim TR und TD entfernt. Jetzt habe ich ganz normal wie am Anfang meinen Horizontalen Balken (der Inhalt geht weiter) und noch zusätzlich einen vertikalen... Also einfach beide ;)
<style type="text/css">
html, body {
overflow: auto;
height: 100%;
}
</style>
<body>
<table style="height:100%">
<tr>
<td style="width:200px; vertical-align:top" rowspan="3">
<table style="height:100%; width:100%">
<tr>
<td bgcolor="red">sasdfasdfasdfasdf</td>
</tr>
<tr>
<td bgcolor="green">s</td>
</tr>
<tr>
<td height="100%">s</td>
</tr>
</table>
</td>
<td style="width:500px">s</td>
</tr>
<tr>
<td>s</td>
</tr>
<tr>
<td>s</td>
</tr>
</table>Stefan
-
-
-
-
Hi,
Ich möchte eine Tabelle in einer anderen Tabelle mit 100% Höhe darstellen. So, jetzt heißt es ja:
Also Tabellen für das Layout mißbrauchen.
"Alle Elternelemente auch auf 100% (inkl html und body)"
Nö. Es reicht, wenn ein Vorfahrenelement einen fixen Wert für Höhe hat.
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Hi!
"Alle Elternelemente auch auf 100% (inkl html und body)"
Nö. Es reicht, wenn ein Vorfahrenelement einen fixen Wert für Höhe hat.
Nur leider lässt das mein Layout nicht zu, fixe Werte anzugeben, weil sich dieses je nach Inhalt ändert, also höher wird. :/
Stefan
-
hallo Stefan,
Nur leider lässt das mein Layout nicht zu, fixe Werte anzugeben
100% ist kein fixer Wert.
Grüße aus Berlin
Christoph S.
--
mailto:christoph.schnauss@berlin.de
http://www.christoph-schnauss.de
ss:| zu:) ls:& fo:) va:) sh:| rl:|
-
Hi!
100% ist kein fixer Wert.
Ja genau, mein Layout lässt keine Werte in px zu, sondern ich bräuchte 100%...
thx ;)
Stefan
-
-
-