Schermvullende tabel in verschillende browsers - Softwareontwikkeling

vrijdag 10 september 2004 16:31

Acties:

Topicstarter

Ik ben al een paar uur aan het stoeien met een html tabel die maar niet doet wat ik wil. Ik heb het nu werkend in Firefox en Opera, echter de (belangrijkste?) browser Internet Explorer blijft bokken.
Een voorbeeldje van hoe het moet zijn (en in FireFox ook is) kan je hieronder zien.

Afbeeldingslocatie: http://www.is-1337.net/table/tables.png

Afbeeldingslocatie: http://www.is-1337.net/table/tables.png

Echter, als je klikt op deze link met IE, dan zal je zien dat het er compleet anders uit ziet. Is dit een bug waar ik niks vanaf weet (en niks over heb kunnen vinden)? Of doe ik iets helemaal fout? Volgens de W3 validator is de HTML code correct (op een kleine foutmelding dat html geen style attribute heeft na dan, maar die zorgt ervoor dat de tabel ook daadwerkelijk 100% hoog wordt).
Iemand die het antwoord op mijn vragen weet?

vrijdag 10 september 2004 16:39

Acties:

Blaise

code:

1	height: *;

bestaat niet, dat is alleen bij frames.

Misschien werkt het als je "auto" gebruikt of het leeg laat.

vrijdag 10 september 2004 16:40

Acties:

Cavorka

Internet Entrepreneur

Die 'kleine foutmelding' lijkt me toch wel redelijk essentieel eigenlijk. <html> kan toch helemaal geen properties krijgen?

Er staan nu ook twee tabellen die volgens mij allebei height=100% hebben, lijkt me niet te kloppen aangezien je het bovenste gedeelte een vaste hoogte wil laten hebben.

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.

vrijdag 10 september 2004 16:43

Acties:

kauwgomballen

Topicstarter

weglaten of veranderen in auto heeft geen effect. maar ik heb 'm nu dus maar weggehaald

vrijdag 10 september 2004 16:46

Acties:

kauwgomballen

Topicstarter

Cavorka schreef op 10 september 2004 @ 16:40:
Die 'kleine foutmelding' lijkt me toch wel redelijk essentieel eigenlijk. <html> kan toch helemaal geen properties krijgen?

Er staan nu ook twee tabellen die volgens mij allebei height=100% hebben, lijkt me niet te kloppen aangezien je het bovenste gedeelte een vaste hoogte wil laten hebben.

als die style bij html wordt weggelaten, dan is de tabel niet meer 100% hoog. dit komt omdat het html element de hoeveelheid ruimte gebruikt die nodig is. door expliciet de hoogte op te geven, werkt het dus wel (heb dit ooit eens op een site gelezen, maar meestal wordt dit in een css bestand gezet als html, body {height: 100%; width: 100%; } )

de 2 tabellen zijn genest, dus kunnen wel allebei 100% hoog zijn. de geneste tabel kan dan niet hoger worden dan de hoogte van de <td> waar ie in staat, zoals FireFox dit ook correct afhandelt

vrijdag 10 september 2004 16:47

Acties:

Cavorka

Internet Entrepreneur

Het probleem zit hem volgens mij in het feit dat je geneste tabellen gebruikt, ik ben nu bezig met twee losse...

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.

vrijdag 10 september 2004 16:49

Acties:

krvabo

MATERIALISE!

code:

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

code:

1	<html><head><style>body { width: 100%; height: 100%; }</style>..

Pong is probably the best designed shooter in the world.
It's the only one that is made so that if you camp, you die.

vrijdag 10 september 2004 16:50

Acties:

kauwgomballen

Topicstarter

Cavorka schreef op 10 september 2004 @ 16:47:
Het probleem zit hem volgens mij in het feit dat je geneste tabellen gebruikt, ik ben nu bezig met twee losse...

volgens mij kan je het dan niet voor elkaar krijgen dat de hele tabel dus schermvullend wordt (dus ook als je het scherm kleiner of groter maakt, dat de tabel nog schermvullend is)

vrijdag 10 september 2004 16:54

Acties:

Cavorka

Internet Entrepreneur

Bijna (werkt in FF, bijna in IE (te hoog)):

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html style="width: 100%; height: 100%;">

<head><style>body { width: 100%; height: 100%; }</style>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Arghl!</title>
</head>
<body style="margin: 0px;">
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td width="262" height="100" rowspan="2">&nbsp;</td>
        <td height="100" rowspan="2">&nbsp;</td>
        <td width="238" height="77" colspan="3">&nbsp;</td>
    </tr>
    <tr>
        <td width="174" height="23">&nbsp;</td>
        <td width="32" height="23">&nbsp;</td>
        <td width="32" height="23">&nbsp;</td>
    </tr>
    <tr height="100%">
        <td colspan="5">
            <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="200">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</body>
</html>

Ik pruts even verder.

PS: Ik begrijp eigenlijk niet waarom ik dit aan het oplossen ben, want dit schreeuwt echt: CSS + DIV's. Nou ja, goeie bui ofzo.

[ Voor 101% gewijzigd door Cavorka op 10-09-2004 16:55 ]

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.

vrijdag 10 september 2004 16:57

Acties:

kauwgomballen

Topicstarter

Cavorka schreef op 10 september 2004 @ 16:54:
Bijna:
code:
1
<knip>
Ik pruts even verder.

PS: Ik begrijp eigenlijk niet waarom ik dit aan het oplossen bent, want dit schreeuwt echt: CSS + DIV's.

mja, hier is dus de onderste tabel 100% hoog, terwijl die eigenlijk (100% -100 pixels) hoog moet zijn. maar dat kan dus helaas niet in html...

het kan inderdaad ook met div'jes opgelost worden, maar het moet ook met tables kunnen. als opera en firefox het kunnen, dan moet IE het ook kunnen

vrijdag 10 september 2004 16:58

Acties:

Cavorka

Internet Entrepreneur

Kauwgomballen schreef op 10 september 2004 @ 16:57:
als opera en firefox het kunnen, dan moet IE het ook kunnen

Hartelijk dank voor deze onsterfelijke uitspraak. Zelden zo hard gelachen.

[ Voor 18% gewijzigd door Cavorka op 10-09-2004 16:58 ]

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.

vrijdag 10 september 2004 17:00

Acties:

kauwgomballen

Topicstarter

Cavorka schreef op 10 september 2004 @ 16:58:
[...]
Hartelijk dank voor deze onsterfelijke uitspraak. Zelden zo hard gelachen.

mja, andersom komt me vaker voor, dat het wel werkt in IE, maar niet in firefox en opera (daar begon ik vandaag mee

)

vrijdag 10 september 2004 17:02

Acties:

Blaise

PS: Ik begrijp eigenlijk niet waarom ik dit aan het oplossen ben, want dit schreeuwt echt: CSS + DIV's. Nou ja, goeie bui ofzo

Dan heb je ook JavaScript nodig, tenzij je vieze CSS hacks wil gebruiken.

vrijdag 10 september 2004 17:06

Acties:

Cavorka

Internet Entrepreneur

Blaise schreef op 10 september 2004 @ 17:02:
[...]
Dan heb je ook JavaScript nodig , tenzij je vieze CSS hacks wil gebruiken.

Dat valt nog te bezien (vooral het JavaScript gedeelte zie ik niet echt), maar dan is er wel een kans dat het gaat werken, op de manier nu geprobeerd kan het dus niet.

[ Voor 22% gewijzigd door Cavorka op 10-09-2004 17:07 ]

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.

vrijdag 10 september 2004 17:12

Acties:

krvabo

MATERIALISE!

IE valt (en in mijn test html) toch over de " style="width: 100%; height: 100%;"" in je html tag

Sowieso mag ie daar al niet staan, en hij zorgt er ook nog voor dat je pagina 'op z'n kop' komt.
http://krijn.mine.nu/dump/got.html Hij ziet er raar genoeg wel anders uit

Maar zolang die vern00kt html tag er niet staat, staat ie in IE ook nog goed, maar zijn de tables niet 100% hoog

Pong is probably the best designed shooter in the world.
It's the only one that is made so that if you camp, you die.

vrijdag 10 september 2004 17:18

Acties:

kauwgomballen

Topicstarter

krvabo schreef op 10 september 2004 @ 17:12:
IE valt (en in mijn test html) toch over de " style="width: 100%; height: 100%;"" in je html tag
Sowieso mag ie daar al niet staan, en hij zorgt er ook nog voor dat je pagina 'op z'n kop' komt.
http://krijn.mine.nu/dump/got.html Hij ziet er raar genoeg wel anders uit Maar zolang die vern00kt html tag er niet staat, staat ie in IE ook nog goed, maar zijn de tables niet 100% hoog

die van jou ziet er exact uit als die van mij in IE. ook als ik die style achter de html tag weghaal

vrijdag 10 september 2004 17:24

Acties:

krvabo

MATERIALISE!

Kauwgomballen schreef op 10 september 2004 @ 17:18:
[...]

die van jou ziet er exact uit als die van mij in IE. ook als ik die style achter de html tag weghaal

Bij mij niet eigenlijk

, of ik moet iets veranderd hebben

Maar het is jammer dat IE toch stug blijft volhouden dat height: 100%, daadwerkelijk 100% van een pagina inneemt

Ik ben nog wat aan het proberen, maar als IE zo blijft bokken, zou ik toch proberen je pagina anders op te bouwen

Hmz, leuk om in firefox precies dezelfde rottige 'feature' te krijgen

" style="width: 100%; height: 100%;"" in de html zetten bij de pagina die ik nu heb

(alles wordt dan 100% pagina)

[ Voor 16% gewijzigd door krvabo op 10-09-2004 17:26 ]

Pong is probably the best designed shooter in the world.
It's the only one that is made so that if you camp, you die.

vrijdag 10 september 2004 17:33

Acties:

kauwgomballen

Topicstarter

in firefox ziet je pagina er goed uit (behalve dan dat alles op de bovenste regel mee-resized als je de pagina smaller maakt)

vrijdag 10 september 2004 18:24

Acties:

kauwgomballen

Topicstarter

heb het nu maar ff opgelost met DIVjes, maar volgens mij moet het echt ook mogelijk zijn met tabellen...

Pagina: 1

Reageer