100% width en height

[Verwijderd]

Hallo,

de layout van de pagina http://www.w3bdesign.nl/hekselarije bestaat uit enkele geneste tabellen waarvan de root tabel een width en height van 100% heeft.

Wanneer ik de pagina laadt (met IE) lijkt het erop alsof de 100% width en height meer als een soort van 99% wordt geinterpreteerd. Zie onderaan en rechtsbovenin van deze screenshot:

http://www.w3bdesign.nl/hekselarije/1.jpg

Als ik vervolgens de browser refresh krijg ik wel het gewenste resultaat te zien:

http://www.w3bdesign.nl/hekselarije/2.jpg

Ik heb hier vaker problemen mee gehad. Weet iemand een methode waarmee ik standaard de situatie in screenshot 2 voor me krijg?

In firefox krijg ik overigens altijd situatie 1.

[TeeDee]

margin: 0 en padding: 0 op je body?

offtopic:
Ik denk trouwens dat je ook nog wel reacties gaat krijgen op je aanpak mbt tabellen e.d.

[ Voor 60% gewijzigd door TeeDee op 04-07-2005 11:37 ]

[Willem]

Wat heb je al geprobeerd?
Probeer eens wat meer te spelen met CSS

Er wordt hier wel een klein beetje niveau van je verwacht.

[RMU]

Ik krijg in IE altijd screenshot 2 (Heb 1 nog nooit gezien) in Firefox krijg ik tot nu toe wel altijd 1.

oplossing (gokje):
RIGHTMARGIN="0" en BOTTOMMARGIN="0" in je body?

He met CSS was het toch een stuk makkelijker

Cascading Stylesheet:

BODY 
{
margin: 0;
}

[ Voor 43% gewijzigd door RMU op 04-07-2005 11:45 ]

[Zoefff]

willem169 schreef op maandag 04 juli 2005 @ 11:42:
Wat heb je al geprobeerd?
Probeer eens wat meer te spelen met CSS

Maar, dit zal waarschijnlijk met de margin/padding van je document te maken hebben. Probeer eens

Cascading Stylesheet:

body {
    margin:0px;
    padding:0px;
}

edit:

Ervanuitgaande dat je natuurlijk weet hoe je met CSS moet werken. De CSS (stylesheet) kan je in een apart bestand zetten en in iedere pagina includen, of in het head gedeelte van je pagina zetten:

HTML:

<style type='text/css'>
    body {
        margin:0px;
        padding:0px;
    }
</style>

[ Voor 32% gewijzigd door Zoefff op 04-07-2005 11:46 ]

[Verwijderd]

TeeDee schreef op maandag 04 juli 2005 @ 11:35:

offtopic:
Ik denk trouwens dat je ook nog wel reacties gaat krijgen op je aanpak mbt tabellen e.d.

willem169 schreef op maandag 04 juli 2005 @ 11:42:
Wat heb je al geprobeerd?
Probeer eens wat meer te spelen met CSS

Er wordt hier wel een klein beetje niveau van je verwacht.

tabellen zijn in dit geval een keuze die ik gemaakt heb. Ik weet dat xhtml/css beter is, maar daar heb ik op dit moment nog niet veel ervaring mee en ook geen tijd voor om in te gaan verdiepen.

[Verwijderd]

Zoefff schreef op maandag 04 juli 2005 @ 11:44:
[...]



Maar, dit zal waarschijnlijk met de margin/padding van je document te maken hebben. Probeer eens

Cascading Stylesheet:

body {
    margin:0px;
    padding:0px;
}

edit:

Ervanuitgaande dat je natuurlijk weet hoe je met CSS moet werken. De CSS (stylesheet) kan je in een apart bestand zetten en in iedere pagina includen, of in het head gedeelte van je pagina zetten:

HTML:

<style type='text/css'>
    body {
        margin:0px;
        padding:0px;
    }
</style>

bedankt!! het werkt!

ik snap alleen nog niet hoe het mogelijk is dat IE dezelfde code op verschillende momenten anders interpreteert.

maar ga ik me verder niet druk over maken, bedankt voor de hulp mannen!

[Civil]

Verwijderd schreef op maandag 04 juli 2005 @ 11:46:
tabellen zijn in dit geval een keuze die ik gemaakt heb. Ik weet dat xhtml/css beter is, maar daar heb ik op dit moment nog niet veel ervaring mee en ook geen tijd voor om in te gaan verdiepen.

Wat is naar jouw idee dat het verschil tussen het werken met html tegenover het werken met xhtml ?

[Willem]

Ok, als je geen tijd hebt om je ergens in te verdiepen hebben we hier ook geen tijd om jou kant-en-klare oplossing voor te schotelen. Tot dusver wel, maar je hoeft er in het vervolg niet op te rekenen.