csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Aha, Internet Explorer! 
In Firefox, Opera en Safari doet ie het wel goed. En mijn versie in IE ook.
Maar je hebt het DOCtype en de charset uit de html weggelaten. Dat zijn verplichte nummers om aan browsers aan te geven hoe ze met de erna volgende code om moeten gaan! Laat je die weg, dan kan je de meest vreemde verschillen tussen browsers krijgen, en zeker in IE...
Als je begint met:
wat gebeurt er dan?
Verder zie ik dat er een vette zwarte bovenbalk in is gekomen (bij vergroten van de lettergrootte). Dat komt omdat je de margins en paddings van de h1 en de p niet op nul hebt gezet; dan gaat de achtergrond-afbeelding zich herhalen (met het onderste zwarte deel boven op de grijze bovenkant gestapeld). Even toevoegen:
Zie ook de broncode van mijn versie (op de pagina heb ik alleen de css van de header opgenomen, niet de complete css; had ik even moeten zeggen).
Met vriendelijke groet,
CSShunter
In Firefox, Opera en Safari doet ie het wel goed. En mijn versie in IE ook.
Maar je hebt het DOCtype en de charset uit de html weggelaten. Dat zijn verplichte nummers om aan browsers aan te geven hoe ze met de erna volgende code om moeten gaan! Laat je die weg, dan kan je de meest vreemde verschillen tussen browsers krijgen, en zeker in IE...
Als je begint met:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="nl">
<title>FUTURE-SOLUTIONS.nl</title>
...
enz.Verder zie ik dat er een vette zwarte bovenbalk in is gekomen (bij vergroten van de lettergrootte). Dat komt omdat je de margins en paddings van de h1 en de p niet op nul hebt gezet; dan gaat de achtergrond-afbeelding zich herhalen (met het onderste zwarte deel boven op de grijze bovenkant gestapeld). Even toevoegen:
Code:
h1, h2, h3, p { margin: 0; padding: 0; }Met vriendelijke groet,
CSShunter
