[Bug] Tabel wordt onjuist weergegeven in forum

[Neok_]

In het verzameltopic van de HTC Touch Diamond heb ik de gehele OP in een tabel gegooid. Het begin van de post ziet er in BB code dan ook zo uit:

code:

[table width=600 border=1 bordercolor=#000000][tr][td][img width=600,333]http://www.koenkoen.nl/htc/header_kop1.png[/img][br]
[img width=300]http://www.koenkoen.nl/htc/header_kop0.png[/img][img width=300]http://www.koenkoen.nl/htc/header_kop_int.png[/img][br]
Welkom in de het vijfde topic wat gaat over de HTC P3700 Touch Diamond. blablablah etc.

Deze code resulteerd onder Vista Ultimate x64 SP2 met IE 7.0.6 echter in de volgende weergave


Als ik de post echter bewerk, en dan niet 'Verstuur bericht' maar 'Bekijk bericht' dan ziet het er al wat anders uit:


Onder Opera 9.23 wordt de tabel wel goed weergegeven:


Wat is hier mis, in de bb code zie ik (en in de html code ziet Opera) geen aanleiding tot de lege ruimte welke IE rendert?

[Verwijderd]

Sowieso verneuk je de layout bij mij al omdat je plaatjes te breed zijn aangezien ik de instelling "Forum versmallen voor 800 breedte?" gebruik.
Van mij hoeft er niet zo nodig support te worden geleverd op content.

[Wiethoofd]

Het kan zijn dat hij enters voor/in/na de table ziet die hij ergens kwijt moet.
In het geval van een niet goed afgesloten [td]-tag (dus een missende [/] of [/td]) op de plaats waar deze nodig is kan de enters of
's boven de table plaatsen, check nog eens je table of alle tags wel afgesloten zijn.

[Neok_]

Ik heb nog eens een keer gekeken, zowel de [tr] als de [td] tags zijn goed geopend en gesloten. Verder is overal correct de breedte aangegeven met de [width] tag, en zijn alle plaatjes gechecked. Het probleem blijkt hem hier te zitten:

code:

[table width=600 border=1 bordercolor=#000000]

Zonder border verdwijnt de leegruimte namelijk. Het vreemde blijft wel dat in de preview van het bericht deze border niet voor een leegruimte zorgt.

Is dit een bug?

[ Voor 29% gewijzigd door Neok_ op 03-08-2008 23:03 ]

[Wiethoofd]

Ik heb in FF3.0.1 nergens last van, in de preview niet, in het quoten niet, in het 'starten' van een nieuw topic niet.

Al ontdekte ik wel een foutje:

code:

[center][img width=300 height=79]http://www.koenkoen.nl/htc/header_kop0.png[/img][img width=300 height=79]http://www.koenkoen.nl/htc/header_kop_uitv.png[/img][/center][br]

Voor de afbeelding (code hierboven) staat een enter teveel.

Verder gebruik je tables in tables en is de hoofd table 600px breed en elke table in die table 590 maar de afbeelding die ik hierboven staat, staat in de eerste tabel die een border heeft en kan dus nooit 600px breed zijn, dus ookal zeg je dat hij een width van 300 moet hebben en dan 2 naast elkaar gaat dat niet passen.

[Neok_]

Wiethoofd schreef op zondag 03 augustus 2008 @ 23:18:
Ik heb in FF3.0.1 nergens last van, in de preview niet, in het quoten niet, in het 'starten' van een nieuw topic niet.

Net ook ff FF 3.0.1 geinstalleerd en ik heb dan geen last van dit probleem

offtopic:
Overigens wel dat FF, itt tot IE, ook een border tussen de rijen rendert.

Al ontdekte ik wel een foutje:

code:

[center][img width=300 height=79]http://www.koenkoen.nl/htc/header_kop0.png[/img][img width=300 height=79]http://www.koenkoen.nl/htc/header_kop_uitv.png[/img][/center][br]

Voor de afbeelding (code hierboven) staat een enter teveel.

[afbeelding][afbeelding]

Heb het nog even nagekeken, en heb nu overal consistent één vrije direct na een titel en twee vrije regels voor een titel.

Verder gebruik je tables in tables en is de hoofd table 600px breed en elke table in die table 590 maar de afbeelding die ik hierboven staat, staat in de eerste tabel die een border heeft en kan dus nooit 600px breed zijn, dus ookal zeg je dat hij een width van 300 moet hebben en dan 2 naast elkaar gaat dat niet passen.

Daar heb ik gisteravond nog even naar gekeken, ik zag ergens nog een vautje zitten en dat heb ik verbeterd. Tables van 590px zijn er nu nog, degene met 2x 300px plaatjes zijn echter allemaal 600px breed.

Hoe dan ook blijft het probleem bestaan


//edit:
En daarnaast:

..rendert Firefox dus ook een lijn tussen de tabelrijen...


..en plaatst hij de images bij FAQ niet naast elkaar

Overigens beide probleempjes bij zowel Firefox als Opera...

//edit2:
Nog even over jouw opmerking wiethoofd mbt tot de border welke ook ruimte in beslag neemt: de hoofdtabel is idd 600px, en de border is 1px, wat de maximale breedte van een plaatje binnen de border inderdaad 598px zou maken. Echter hoef je de border imo niet mee te rekenen tot de 600px en valt deze erbuiten, anders zouden alle koppen, net als de hierboven afgebeelde faq kop, niet naast elkaar gerenderd worden. Waarom dit dan wel weer gebeurd voor alleen de faq kop, en alleen onder FF/Opera..

[ Voor 21% gewijzigd door Neok_ op 04-08-2008 11:22 ]

[Wiethoofd]

De lijnen die overal tussen worden gerenderd komt puur door het feit je dat je tables in tables gebruikt.
De hoofdtable heeft [border=1 bordercolor=#000000], als je dan IN die table steeds nieuwe gaat maken en af en toe een [tr][td][/][/] tegenkomt in de hoofdtable dan komt er keurig zo'n lijn te staan.

---

Hij klopt wel als ik em hier post......

[crisp]

Door het gebruik van plaatjes van 600 pixels breed en het nesten van tables die je vervolgens ook weer op 600 pixels breed zet wordt je uiteindelijke 'hoofd'-tabel uitgerekt tot zo'n 608 pixels in totaal wat feitelijk te breed is. Andere browsers gaan daar goed mee om in combinatie met de links-floatende gebruikersgegevens in een post maar in IE triggered dat een bug.

Breedtes op tabellen zijn een indicatie, uiteindelijk is het de content die de uiteindelijke breedte bepaald. Om een voorbeeld te geven: je hoofdtabel geef je een breedte van 600 pixels en een border. Hierin zet je vervolgens een plaatje van ook weer 600 pixels breed. De totale breedte van de tabel wordt nu al 600 + 2x2 pixels padding in de tablecell + 2x1 pixels voor de browser = 606 pixels

[crisp]

IE7-specifiek en op te lossen door minder op het 'randje' te gaan zitten qua breedte. wontfix.