[HTML]tabel reageert ofline anders dan online - Softwareontwikkeling

dinsdag 15 maart 2005 20:41

Acties:

Verwijderd

Topicstarter

hallo allemaal,

Ik zit met een heel vreemd probleem:
Ik heb een tabel gemaakt:

code:

<HTML>
<HEAD>
<TITLE>table</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=837 height="100%" BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD width="20" ROWSPAN=4 bgcolor="#000000">
            </TD>
        <TD height="152" COLSPAN=3 bgcolor="#336666">
            </TD>
        <TD width="20" ROWSPAN=4 bgcolor="#000000">
            </TD>
    </TR>
    <TR>
        <TD width="190" height="200" bgcolor="#00FFFF">
            </TD>
        <TD width="479" ROWSPAN=2 bgcolor="#CCCCCC">
            </TD>
        <TD width="128" ROWSPAN=2>
            </TD>
    </TR>
    <TR>
        <TD width="190" bgcolor="#FF00FF">
            </TD>
    </TR>
    <TR>
        <TD height="20" COLSPAN=3 bgcolor="#FFFF00">
            </TD>
    </TR>
</TABLE>
</BODY>
</HTML>

Wanneer ik dit offline bekijk in IE6 of FF1.0 dan sluit de boven kant van de tabel aan de bovenkant van de browser en de onderkant aan de onderkant van de browser.
Dit is ook de bedoeling.

Wanneer ik dit online zet dan laat FF het zien zoals het moet bovenkant sluit goed aan de bovenkant van de browser en onderkant ook weer aan de onderkant van de browser.

Alleen IE laat aan de onderkant een wit regel zien dus de onderkant van de tabel sluit niet aan met de onderkant van de browser.
Wanneer ik op de refresh button klik dan sluit de tabel onder wel goed aan.

Is er iemand die mij zou kunnen vertellen waar dit door komt? (ik snap het nl. niet

)

Alvast bedankt voor jullie tijd.

dinsdag 15 maart 2005 20:44

Acties:

Verwijderd

Een HTML zonder doctype declaration zorgt voor lastig te voorspellen problemen. Zeker in combinatie met een eventuele Content-Type header met of zonder charset parameter.

dinsdag 15 maart 2005 20:46

Acties:

Verwijderd

Topicstarter

wanneer ik dit boven de html zet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

dan rekt de tabel zowel in IE en FF niet uit naar de onderkant van de browser??
vandaar dat ik het heb weggelaten

[ Voor 15% gewijzigd door Verwijderd op 15-03-2005 20:47 ]

dinsdag 15 maart 2005 21:29

Acties:

Verwijderd

Topicstarter

niemand meer?

dinsdag 15 maart 2005 21:44

Acties:

crisp

Devver

Pixelated

ongeduldig?

En inderdaad, in standards compliant mode wordt de height niet gehonoreerd aangezien het ook geen geldig attribuut is voor het table-element. Je zal de oplossing denk ik in CSS moeten zoeken aangezien hetgeen je in de body-tag hebt staan ook al geen geldige HTML-attributen (meer) zijn. Om maar te zwijgen over het feit dat tabellen niet bedoelt zijn voor layout.

Intentionally left blank

dinsdag 15 maart 2005 22:13

Acties:

Verwijderd

Topicstarter

sorry, misschien een beetje

ik heb een oplossing gevonden wel een vreemde maar het werkt echt.

doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

in mijn table stel ik de height zo in: style="height:100%;"

Wanneer ik het zo test krijg ik nog steeds dezelfde klacht.

Maar wanneer ik dit toevoeg:
<script type="text/javascript"></script>

Dan werkt het perfect.
Snap jij waarom het met een script tag wel werkt?

p.s.
misschien een domme vraag:
maar waarom mag je tables niet gebruiken voor layout?
heel veel websites zijn toch zo opgebouwd of niet?

[ Voor 20% gewijzigd door Verwijderd op 15-03-2005 22:34 ]

dinsdag 15 maart 2005 22:57

Acties:

Woudloper

« - _ - »

Zo'n toevoeging zou er niet voor moeten zorgen dat je tabel wel in één keer goed reageert voor offline/online gebruik.

Betreffende de 'domme vraag' (zoals jezelf meldt) kan je het beste dit forum eens rondzoeken naar tabel layout e.d. aangezien hier meerdere topics over zijn geweest. In een paar woorden kan je zeggen dat je tabellen niet moet gebruiken omdat ze sematisch gezien alleen worden gebruikt voor het tonen dan tabulair data (overzichten, zoals in Excel e.d.)...

Pagina: 1

Reageer