[HTML] Layout probleem tabel

[Verwijderd]

Ik ben bezig een persoonlijke portfolio website te maken. Nu heb ik de gehele pagina in HTML met tabellen en een klein beetje CSS gemaakt. De bedoeling is eerst alles in HTML correct te krijgen en later zoveel mogelijk met CSS te doen.

Het probleem zit hem in de bovenste zwarte balk, waarin een dropdown menu staat wat ik als snelmenu wil gaan gebruiken. Deze balk is onderdeel van een tabel, de balk moet 30px hoog zijn en 760px breed, in Mozilla Firefox laat hij dit ook zo zien, alleen in Microsoft Internet Explorer wordt deze balk met een grotere hoogte weergegeven. Gistermiddag heb ik de gehele middag met de HTML zitten ploeteren om de pagina ook in Internet Explorer er naar wens uit te laten zien, maar het is helaas niet gelukt, wat doe ik fout?

Ik weet trouwens dat het verstandiger is een layout met div's te maken, ik ben nu eenmaal bekender met tabellen en ben ook geen echte webdeveloper/-designer.

[ Voor 3% gewijzigd door Verwijderd op 28-07-2005 09:34 ]

[drm]

Ik vermoed dat het aan je form ligt. Zet eens bovenaan in de HEAD :

Cascading Stylesheet:

<style type="text/css"> form { margin:0; padding:0; }</style>

Meteen een goede instap om eens uit te zoeken waarom dat zo werkt in css

[Verwijderd]

Het lag inderdaad aan mn form, hartelijk dank. Maar ik snap nog steeds niet waarom die margin en padding op 0 moesten.

[Zoefff]

In elke browser zit al een standaard CSS ingebakken. Voor vrijwel alle elementen zijn er al een paar stijlelementen toegevoegd. Zo heeft de body standaard een bepaalde marge, net zoals paragrafen en headers. Helaas zijn die standaardmarges en paddings verschillend in IE en FF. Zo kan het dus zijn dat wanneer je een element geen stijl meegeeft, het er toch verschillend uit ziet in IE en FF. Dat heb je zojuist dus meegemaakt met je form

[gvanh]

Dat is omdat een form normaal gesproken in HTML niet een inline tag is (zoals <span>, <a> en <img>) maar een block tag (net zoals <div> en <p>). Deze block tags werken dus ook als een blok in je pagina en krijgen daarom vaak (zoals bij <p>) automatisch een soort van lege regel nadat ze zijn afgesloten. Wanneer je met stylesheets aangeeft dat de marge (margin) aan de onderkant 0px moet zijn, voorkomt je deze "lege regel".

[Verwijderd]

hartelijk dank voor deze verduidelijking!