[HTML/Tables] Rowspan gedoe - Softwareontwikkeling

maandag 2 februari 2004 15:46

Acties:

1st_Ro

Topicstarter

Okay, ik word gek van het volgende probleem

:

Ik heb een retesimpele tabel voor de layout van een pagina.
Anyway, ik laat de code even voor zichzelf spreken :

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
</head>
<body>
<table width="761" cellspacing="0" border="2">
  <tr> 
    <td rowspan="2">Nav<br><br>Nav<br><br>Nav<br><br>Nav<br><br>
Nav<br><br>Nav<br><br>Nav<br><br>Nav<br><br></td>
    <td style="height: 80px;">Top</td>
  </tr>
  <tr> 
    <td>Content</td>
  </tr>
</table>

</body>
</html>

Kan het nog makkelijker ?

Maar goed, het vreemde in dit verhaal is dat IE 6 heel raar met de "top" tabelcel omgaat. Zoals je in de code ziet moet ie 80 pixels hoog worden. Zolang de "Nav" tabelcel kleiner is dan de rechter cellen "Top" en "Content" dan is er nix in de hand ... Maar zodra de "Nav" cel de hoogte bepaald van de tabel (zoals in de code) dan heeft IE in eens schijt aan de opgegeven 80px en gaat ie echt raar doen ...

Mozilla doet precies zoals je zou verwachten en zet hem netjes neer zoals ik hem bedoeld heb.

Heb ik iets grandioos over het hoofd gezien of heb ik een parse bug te pakken o.i.d. ?

Enne, ik weet dat het DIVs/CSS kan, maar ik vroeg me alleen af waar dit euvel vandaan komt.

maandag 2 februari 2004 15:51

Acties:

Verwijderd

Enne, ik weet dat het DIVs/CSS kan, maar ik vroeg me alleen af waar dit euvel vandaan komt.

Ach ja, waarom zou je hoofd uberhaupt nog buigen over de talloze hacks die nodig zijn? Gebruik gewoon iets wat wel werkt.

maandag 2 februari 2004 15:58

Acties:

1st_Ro

Topicstarter

Ik kwam het toevallig tegen, dus ik was meer nieuwsgierig naar waar het aan ligt dat 2 verschillende browsers het zo verschillend renderen.

Vroegâh had ik gewoon een geneste tabel gebruikt ... maar daar ben ik stiekum toch een beetje voorbij ...

Ben dezelfde structuur nu in DIVs/CSS aan het bouwen en ik ben er bijna, dus echt een probleem wordt het niet overigens.

maandag 2 februari 2004 16:03

Acties:

1st_Ro

Topicstarter

Eventjes voor de volledigheid dan even de DIV/CSS code erbij.
Heb ik ook mijn goede daad voor vandaag ook gedaan

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Div test</TITLE>
</HEAD>
<BODY style="text-align: center;">
<div style="width: 761px; margin: 0px auto; background-color: #FF0000; text-align: left;">
  <div style="position:relative; float:left; width:226px; height: 700px; background-color: #00FF00;">test</div>
  <div style="position:relative; float:right; width:535px; height:80px; background-color: #0000FF;">test</div>
  <div style="position:relative; float:right; width:535px; height: 1000px; background-color: #FFFF00;">test</div>
</div>
</BODY>
</HTML>

"It never hurts to help" - Eek the Cat

maandag 2 februari 2004 16:05

Acties:

disjfa

1. zonder hoofdletters tussen de <> tags
2. als het met divjes kan waarom wil je het weten in tables nogmaals
3. xhml doctype erbij zetten voor de netheid

4. css niet inline tikken. is ook niet zo netjes

[ Voor 17% gewijzigd door disjfa op 02-02-2004 16:06 ]

disjfa - disj·fa (meneer)
disjfa.nl

maandag 2 februari 2004 16:06

Acties:

X-Lars

Just GoT it.

ok, beetje dubbel

hou ik dit over:

5. je kunt kleuren afkorten: #00FF00 = #0F0, #FFFF0 = #FF0 (dus telkens 2 dezelfde opeenvolgende kun je 1 van maken)

[ Voor 42% gewijzigd door X-Lars op 02-02-2004 16:08 ]

maandag 2 februari 2004 16:10

Acties:

1st_Ro

Topicstarter

@disjfa,

1. Alleen voor XHTML 1.0 is dat ... HTML 4.01 mag nog gewoon in hoofdletters
2. Naar aanleiding van een discussie op het werk

collega beweerde dat wat ik in DIVs/CSS deed ook in tabellen kon (wat ik dus ook verwachtte, tot ik dit tegenkwam. Dus dan wil ik ook weten waar dat aan ligt !

3. HTML 4.01 is genoeg... specs van de site die ik moet bouwen

4. Tiz ook maar een voorbeeld he...

@X-lars,

Zelfde als voor disjfa : tiz een voorbeeld

... en ik ben persoonlijk voor gebruik van 6 karakters, maar het kan wel idd

maandag 2 februari 2004 16:22

Acties:

crisp

Devver

Pixelated

tables met rowspans en/of colspans en pixelprecies gaan bijna nooit samen...

Intentionally left blank

maandag 2 februari 2004 16:25

Acties:

disjfa

crisp schreef op 02 februari 2004 @ 16:22:
tables met rowspans en/of colspans en pixelprecies gaan bijna nooit samen...

je kan ze block level definieren en gebruiken als divs

maar je kan ook je colega uitleggen dat tables alleen voor tabulaire data zijn en verder laten leren dat xhtml een stuk makkelijker/duidelijker werkt

heb ik hier ook op mn werk gedaan

disjfa - disj·fa (meneer)
disjfa.nl

maandag 2 februari 2004 16:28

Acties:

1st_Ro

Topicstarter

disjfa,

Dat probeerde ik dus ook duidelijk te maken met een voorbeeld

Ik schoot dus in de lach toen het dus NIET lukte met tabellen

Maar goed, ik hou het zelf maar op een quirk van IE (zoals altijd

)

Enne, als je begrijpt dat ik de enige web programmeur hier ben, dan snap je wel dat ik veel moet uitleggen ... vooral als het ineens te technisch wordt

maandag 2 februari 2004 16:49

Acties:

Verwijderd

Prima als je HTML gebruikt, maar doe het dan wel met een 4.01 Strict DOCTYPE en zonder lelijke hoofdletters (persoonlijk) en definieer een taal d.m.v. het LANG attribuut. Dat zou echt verplicht moeten zijn.

maandag 2 februari 2004 16:53

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 02 februari 2004 @ 16:49:
Prima als je HTML gebruikt, maar doe het dan wel met een 4.01 Strict DOCTYPE en zonder lelijke hoofdletters (persoonlijk) en definieer een taal d.m.v. het LANG attribuut. Dat zou echt verplicht moeten zijn.

imho is er niets mis met transitional hoor

Intentionally left blank

maandag 2 februari 2004 16:55

Acties:

Verwijderd

Als je TARGET fan bent kun je inderdaad beter TRANSITIONAL gebruiken. Ik zal voortaan proberen iets vollediger te zijn crisp

maandag 2 februari 2004 17:01

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 02 februari 2004 @ 16:55:
Als je TARGET fan bent kun je inderdaad beter TRANSITIONAL gebruiken. Ik zal voortaan proberen iets vollediger te zijn crisp

was het maar alleen het target attribuut

Maar goed, ik voel me inderdaad lekkerder in een slobbertrui dan in een maatpak

Intentionally left blank

maandag 2 februari 2004 17:10

Acties:

Verwijderd

als het per se met tabellen moet zou ik kijken naar nested tables.

1) een tabel met kolommen links-rechts met in de rechterkolom een valign="top",
2) daarin een tabel met regels: bovenste regel 80px, de onderste door de content laten bepalen.

maar dat dat nou de manier is, nee.

vies, lelijk, het probleem is dus: "waarom zou het met tabellen moeten?"

Pagina: 1

Reageer