De float & margin-bottom bug

Ik heb er één gevonden

Het handelt zich hier om een probleem welke optreed enkel in Internet Explorer 7, in Internet Explorer 6 doet zich dit probleem niet voor, maar daarvoor heeft deze tal van andere error’s.

De voorstelling

Het probleem doet zich enkel voor in elementen die gefloat worden:

De 5 manieren

Om via je CSS een kleur te bepalen voor achtergronden ( background ) , randen ( border ), links ( anchor ) en tekst ( text ), kan je dit op 5 verschillende manieren doen:

IE6 en IE7 fix voor max-width

Naar aanleiding van vorig artikel “als je design breekt“, heb ik vergeten dat Internet Explorer 6 & 7 de CSS eigenschap niet ondersteund.

En afbeeldingen de oorzaak zijn

Soms kom je dit probleem wel tegen, je voegt een afbeelding toe aan je website en door de waarschijnlijk te juiste afmeting van de afbeelding tegenover je layout - je layout is 400px breed en de afbeelding is 401px groot - zal je design “breken”.

Misschien heb je zelfs een user-generated-content website en kom je dit probleem vaker tegen als je lief is.

Als je veel CSS schrijft zal je zoals ik waarschijnlijk telkens weer dezelfde stukjes code opnieuw gaan (her)gebruiken. Als je pas begint met CSS schrijven heb je deze op voorhand natuurlijk niet klaarliggen om te copy/paste. Daarom wil ik diegenen helpen met een stukje standaard CSS die je telkens opnieuw kunt (her)gebruiken.

Realiteit en droom

Gisteren en vandaag heb ik hele stoute dingen gedaan!
Ik heb font-size in pixel bepaald

Niet omdat ik te lui was, of omdat het eenvoudiger is, neen omdat de klant het zo wil !!