Padding verschil tussen strict.dtd en loose.dtd - Softwareontwikkeling

maandag 11 juli 2005 14:28

Acties:

...

Topicstarter

In vervolg op het gesloten topic Ruimte rond afbeelding naar 0px ben ik erachter gekomen dat de tabel zelf niet het probleem was.

Het probleem ligt bij het doctype.
Als ik <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> gebruik, dan werkt alles netjes.

Maar ik gebruik <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Het lijkt of FireFox dan zelf een padding insteld voor een tabel. Ook wanneer er een padding is gegeven.
Ik heb verder op dit forum geen antwoord kunnen vinden. Ook niets in de buglist van FireFox.
Weet iemand of dit echt een bug is in FireFox ? Of kan ik deze optie niet meer gebruiken in HTML 4.01-strict ?

Speel ook Balls Connect en Repeat

maandag 11 juli 2005 16:27

Acties:

Geert.H

njah, heb er voor de rest niet veel verstand van, maar gezien de namen gook ik erop dat dat de loose.dtd minder strict de pagina na leeft dan strict.dtd. Ik gok er dus op dat er wél een fout in je tabel zit, maar bij loose.dtd wordt die fout over het hoofd gezien, en bij strict wordt die wel gepakt.

tis maar een gokje...

maandag 11 juli 2005 23:56

Acties:

André

Analytics dude

In beide gevallen is het op 0 zetten van de padding van de td's genoeg

Het verschil van padding bij beide doctype's komt door het feit dan bij de ene de padding/margin/border bij de width opkomen en bij de ander worden ze er bij gerekend.

[ Voor 54% gewijzigd door André op 12-07-2005 00:03 ]

dinsdag 12 juli 2005 09:45

Acties:

Onbekend

...

Topicstarter

Dank voor de reacties, maar ik doe waarschijnlijk nog steeds iets fout. In IE wordt het juist weergeven. In FF niet.

Screenshot in IE:

Afbeeldingslocatie: http://img303.imageshack.us/img303/7548/iess0xs.png

Screenshot in FF:

Afbeeldingslocatie: http://img303.imageshack.us/img303/6885/ffss7fz.png

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
    <HEAD>
        <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
        <TITLE>TEST</TITLE>
    </HEAD>
    <BODY STYLE="margin: 0px;">
        <TABLE cellspacing=0 cellpadding=0 STYLE="margin: 0px; border: 0px; padding: 0px; border-spacing: 0px; width: 300px;">
            <TR STYLE="margin: 0px; border: 0px; padding: 0px; border-spacing: 0px;" ><TD STYLE="margin: 0px; border: 0px; padding: 0px; border-spacing: 0px;" >[img]"http://img310.imageshack.us/img310/7619/test17gq.jpg"[/img]</TD></TR>
            <TR STYLE="margin: 0px; border: 0px; padding: 0px; border-spacing: 0px;" ><TD STYLE="margin: 0px; border: 0px; padding: 0px; border-spacing: 0px;" >[img]"http://img310.imageshack.us/img310/7619/test17gq.jpg"[/img]</TD></TR>
        </TABLE>
    </BODY>
</HTML>

Speel ook Balls Connect en Repeat

dinsdag 12 juli 2005 10:03

Acties:

Geert.H

Ach het idee was toch leuk

@Ook bekend:In je vorige topic werd ook wat gezegd over border collapse, heb je dat al geprobeerd? Dat zie ik namelijk nu nergens terug. Of werkte dat niet?

dinsdag 12 juli 2005 10:22

Acties:

Onbekend

...

Topicstarter

Dat border collapse heb ik ook geprobeerd, maar dat heeft verder geen effect omdat ik de border en spacing op 0px heb gezet.

Speel ook Balls Connect en Repeat

dinsdag 12 juli 2005 10:51

Acties:

Verwijderd

Heb je nergens een voorbeeld van deze site zelf ? Ik heb het ernstige vermoeden dat dit ietsje mooier en netter kan qua code, waar je ook niet tegen de dtd zal aanlopen.

[ Voor 6% gewijzigd door Verwijderd op 12-07-2005 10:52 ]

dinsdag 12 juli 2005 11:07

Acties:

Onbekend

...

Topicstarter

Ik wil zelf een kleine site maken welke zich houd aan de strikte HTML-4.01 code. Deze site moet door Internet Explorer en FireFox hetzelfde weergegeven worden.

Alles heb ik voorelkaar, behalve dit stukje.
Uiteindelijk wil ik 2 plaatjes onderelkaar hebben zonder tussenruimte ertussen.
Ik heb dit al met een tabel, div en objecten geprobeerd, maar bij FireFox zit er altijd een witte rand van minimaal 3 pixels tussen.

Als dit me dan lukt, kan ik de code opknappen. Maar omdat ik niet weet waar het fout gaat, is dat nog niet zinvol.

Speel ook Balls Connect en Repeat

dinsdag 12 juli 2005 11:21

Acties:

André

Analytics dude

Als ik de line-height van de eerste td op 0 zet gaat het prima

dinsdag 12 juli 2005 11:32

Acties:

Onbekend

...

Topicstarter

Bedankt André, dat was het probleem.

line-height: 0px; heb ik toegevoegt en nu heb ik eindelijk het resultaat wat ik wilde hebben.
Nu kan ik eindelijk de code opschonen.

Speel ook Balls Connect en Repeat