[css] twee tabellen naast elkaar geeft spatie met Mozilla

[Scharnout]

Ik ben, zoals het hoort, mijn pagina's XHTML1.0 valid aan het maken. Ik was al bekend met de kracht van CSS, dus dat gebruiik ik nu ook weer. Alleen ik heb twee rare probleempjes:

code:

table
{
    border-collapse: collapse;
    table-layout: fixed;
    font-size: smaller;
    font-family: verdana, tahoma, webdings;
    color: #000000;
    background-color: #ffffff
}
td
{
    padding: 0px;
}

dit werkt prima om cellpadding en spacing op te vangen, maar als ik naast mijn eerste table absoluut nog een table plaats sluit hij in Phoenix/mozilla niet aan. Er zit een px tussen.
De tables:
[code[
<table style='width: 400px;'>
<col width='100'></col>
<col width='100'></col>
<col width='100'></col>
<col width='100'></col>
nog meer meuk
</table>
<table style='width: 300px; position: absolute; left: 410px; top: 116px;'>
meuk
</table>
[/code]
(die 410 is omdat de margin van mijn body 10 is)

In IE6 sluiten ze netjes aan, maar in Mozilla dus niet.

Daarentegen staat de tweede table in IE 10px hoger dan in Mozilla.

Waar gaat het fout? Ik heb de search al gebruikt, maar daar gaat het voornamelijk over een losse tabel. Op w3.org kan ik ook niet veel meer vinden. Iemand ervaring hiermee?

voorbeeld: http://denssolutions.nl/test.html

[ Voor 10% gewijzigd door Scharnout op 08-02-2003 16:24 ]

[drm]

euhm, frankly, style='width: 400px;' is niet bepaald xhtml te noemen. Daarin zijn dubbele quotes verplicht.

Verder zie ik nergens dat je de margin van de table op 0 zet....

[Scharnout]

drm schreef op 08 February 2003 @ 16:37:
euhm, frankly, style='width: 400px;' is niet bepaald xhtml te noemen. Daarin zijn dubbele quotes verplicht.

Verder zie ik nergens dat je de margin van de table op 0 zet....

De XHTML-validator maakt het allemaal niets uit. Ik weet niet of het verplicht is te dubbelquoten. Volgens mij is alleen quoten al voldoende. Maar ik heb de aanpassingen gemaakt en zie daar. Nog steeds hetzelfde

[Verwijderd]

Ter leering ende vermaeck:

• Waarom is het niet één tabel?
• Gebruik TH voor je table headers (die dikgedrukte, grijze cellen)
• Pak eens een screengrab en meet op wat niet goed is: de positionering van de tweede of de breedte van de eerste.
• Haal zoveel mogelijk style-declaraties uit je XHTML en stop ze in CSS.

[Scharnout]

Verwijderd schreef op 08 February 2003 @ 20:15:
Ter leering ende vermaeck:

• Waarom is het niet één tabel?
• Gebruik TH voor je table headers (die dikgedrukte, grijze cellen)
• Pak eens een screengrab en meet op wat niet goed is: de positionering van de tweede of de breedte van de eerste.
• Haal zoveel mogelijk style-declaraties uit je XHTML en stop ze in CSS.

Eerste punt is een goeie tip in ieder geval. Alleen dit is een versimpeld voorbeeld. Waarom zou ik hoop tabellen gaan nesten? Kost alleen maar tijd.

2e punt wordt eigenlijk al opgelost als je het verschil ziet tussen IE en Mozilla. IE sluit hij wel aan. Mozilla niet. Dan lijkt me de breedte er niet echt toe doen.

Ik wil het eigenlijk gewoon crossbrowser oplossen, maar ik ben stuck!

[Scharnout]

hhmm dit bleek voldoende:

code:

    body
    {
        margin: 10px;
        font-size: smaller;
        color: #000000;
        font-family: verdana, tahoma, webdings;
        background-color: #ffffff
    }

[drm]

_{just curious:}

font-family: verdana, tahoma, webdings;

Waarom zou je webdings in 't rijtje verdana en tahoma zetten

[Scharnout]

Ik zou het niet weten

Moeten daar een paar andere staan die een beetje compatible zijn met linuxfonts zeg maar. Dank voor het wijzen op de discrepantie

[drm]

Om compatibiliteit met linux e.d. browsers te "garanderen" kun je het beste een generic font family als laatste zetten:

code:

p {
   font-family:Verdana,Tahoma,Helvetica,sans-serif;
}

p.spef {
   font-family:Times New Roman,serif;
}

pre {
   font-family:Courier New,monospace;
}

bijvoorbeeld