Scoutnet vzw

Wil een tabel maken die er als volgt uiziet:

Dit lukt me niet om dit mooi te krijgen in zowel IE als FF!!!

Ik veronderstel dat je dan al iets hebt wat niet volledig werkt?

Wat je wil is waarschijnlijk de height van je table instellen op 100%.
(<table height="100%">...</table>)

Helaas, een procentuele hoogte opgeven voor tabellen is eigenlijk niet toegelaten. In IE lukt het, maar browsers die de juiste voorschriften volgen (FF bijvoorbeeld), zullen je niet verderhelpen. Het height-attribuut wordt niet ondersteund door XHTML en zal dus zorgen voor een invaliede code.

Check anders eens de website van HTML Dog.

Je zal 't anders moeten oplossen... (met CSS lukt het waarschijnlijk wel). Wilde je een tabel gebruiken voor de algemene opmaak van een webpagina, dan kan je in elk geval beter nù kiezen voor CSS.

To

beetje verwarrend wat je hier schrijft, maar het probleem situeert zich niet bij de 100% (...of je die nu als attribute definieert of in CSS, maakt niet uit). Die 100% lukt wel, maar je moet wel op het volgende letten:
marges, (cel)padding, celspacing... op 0 zetten - box-model weet u wel en natuurlijk hoogte van body op 100%.

Maar... als dit voor de layout van een site is zou ik geen tabel gebruiken, maar wel div's. Bij het gebrukken van DIV's is het de hoogte van het middelste blok die het probleem vormt. Die zou 100% - 15px - 15px (min eventuele padding, marges) moeten zijn. Dat kan je (behalve met javascript) niet als waarde instellen. Wat je dan zou kunnen doen is de hoogte van onderste en bovenste blok definiëren in procent, bv 15%. Dan heb je 100%-15%-15%= 70%. Zet dat als hoogte-attribuut of in CSS en het werkt, maar een procentuele header en footer zijn niet ideaal. Bovendien moet je dan nog eens eventuele marges en padding ook in procent definiëren en die ook van die 70% aftrekken.

Eventjes de truuk met de duif: http://scoutswindeke.be/temp/test.html. Juicht niet te vroeg menschen met FF, Opera of Safari (?), IE hinkt weer mijlenver achter. Bij absoluut gepositioneerde block-level elementen kan je de positie van alle vier zijden bepalen door:

Maar: je kan in IE top en bottom niet tegelijkertijd definiëren, net als left en right. Terug naar af.

Net als To heb ik het vermoeden dat je dit wilt gebruiken voor de layout van je site. Ten eerste is het ten stelligste af te raden daarvoor tabellen te gebruiken (cfr To, en een beetje hierboven). Ten tweede is dit eigenlijk een beetje het na-apen van de voorbijgestreefde frame-layouts. Doordat je op ieder moment header en footer blijft zien verklein je de viewpoort.

Het is dus niet alleen technisch moeilijk haalbaar (zonder tabellen, maar die zijn zo voorbijgestreefd), maar misschien ook niet wenselijk als layout voor een site.

Op HTML-dog staan wel enkele voorbeelden van hoe je best een layout van een site opbouwt.

ps: als je nog eens een vraag hebt, gelieve dan ook je code te posten, dan weten we waarover we spreken.

edit: eventjes volledig de mist ingegaan, het is vrij éénvoudig om met tabellen hetgeen te bewerkstelligen wat je wilt, maar als er te veel inhoud in het middelste deel komt zal de gehele pagina scrollen en niet enkel het middelste deel (ik weet niet wat je dus eigenlijk wou). Toch zou'k het toch afraden met tabellen te werken.

_________________
Als het konijn niet in de hoed wil ...