stylin

Juiste doctype

De juiste doctype aan het begin van de html-pagina is van groot belang om de neuzen van de browsers dezelfde kant op te krijgen.

Issues met IE6

Zoals we al eerder gezegd hebben: wij stoppen nog niet met IE6. Want er zijn nog steeds bedrijven die er mee werken.

En dat niet alleen. Als je pagina in IE6 werkt terwijl je heel parent-gericht hebt gewerkt, dan werkt het ook in de meeste andere browsers. Onze ie-fix.css is hierdoor erg klein.

Maar wat kom je zoal nog tegen?

IE6: absolute div zichtbaar buiten parent

Hoe goed je ook alles ingesteld hebt. IE6 houdt altijd wel een paar kuren. Zelfs al heb je de doctype goed en overflow op hidden staan, dan nog presteert IE6 het om sommige div's buiten zijn parent te tonen.

Basisprincipes voor stylen

Als je bepaalde regels aanhoudt voor css dan zul je weinig verschillen tegen komen in ie.

Hoogte of breedte van link of tekst

Probleemstelling

Je wilt de hoogte en/of breedte van een tekst of link vergroten of verkleinen met CSS. En dat wil toch maar niet lukken.

List item toont geen plaatje

In semantische html maak je vaak gebruik van lists. Standaard schakel je daarom de margin, padding en de rondjes/opvolgnummering etc. uit.

Volledige hoogte met Footer

Een pagina met volledige hoogte is best een uitdaging in semantische html. Onderaan komt dan de footer. Maar dan komt het probleem.

Artikelen over het hoogte-probleem

Als je van het aloude table-layout af wilt stappen op de goeie semantische html dan kom je nogal wat problemen tegen.

Div krijgt alleen hoogte van eerste child

Probleemstelling

We hebben meerdere div's in een div staan. De parent heeft een position. Daarbinnen bevinden zich div's met een position relative of absolute.