Hallo, ik ben bezig met het maken van een verenigingssite. Deze maak ik volledig in kladblok, in HTML en CSS. Ik heb steeds de site in Internet Explorer bekeken. Nu checkte ik 'm in FireFox en de hele opmaak was een puinhoop! Nou heb ik gelukkig het meeste weten te repareren en gelijk weten te trekken met de IE-weergave. Er zijn echter nog twee fouten, die ik er met geen mogelijkheid uit weet te krijgen. Ik heb daarom bij dit bericht de relevante broncodes toegevoegd, plus twee screenshots: n van de IE- en n van de FF-weergave.
De twee fouten zijn:
1. De menuknoppen beginnen in Firefox niet helemaal links zoals in IE. Zelf heb ik nergens de oplossing kunnen vinden in de margin- of padding-instellingen. Deze fout doet zich voor bij alles wat binnen de UL-tag staat.
2. De border-top van de footer (1px solid lichtblauw kleurtje) verschijnt in FF direct onder de header! Ik heb na deze constatering een test uitgevoerd door border-top in border te veranderen (dus een kader). Hierbij kwam het kadertje direct onder de header te staan in FF met de afmetingen van de footer, terwijl de tekst van de footer wel op de juiste plaats stond.
Wie o wie kan mij helpen de beide fouten op te sporen? In IE klopt alles wel. Voor de duidelijkheid: het moet dus worden zoals in de IE-weergave (zie screenshot).
Bijlagen: screenshots IE-weergave en FF-weergave, broncode index.php (index.txt), content/home.php (home.txt) en content/pagina.css (pagina.txt)
De twee fouten zijn:
1. De menuknoppen beginnen in Firefox niet helemaal links zoals in IE. Zelf heb ik nergens de oplossing kunnen vinden in de margin- of padding-instellingen. Deze fout doet zich voor bij alles wat binnen de UL-tag staat.
2. De border-top van de footer (1px solid lichtblauw kleurtje) verschijnt in FF direct onder de header! Ik heb na deze constatering een test uitgevoerd door border-top in border te veranderen (dus een kader). Hierbij kwam het kadertje direct onder de header te staan in FF met de afmetingen van de footer, terwijl de tekst van de footer wel op de juiste plaats stond.
Wie o wie kan mij helpen de beide fouten op te sporen? In IE klopt alles wel. Voor de duidelijkheid: het moet dus worden zoals in de IE-weergave (zie screenshot).
Bijlagen: screenshots IE-weergave en FF-weergave, broncode index.php (index.txt), content/home.php (home.txt) en content/pagina.css (pagina.txt)