Ga naar inhoud

Firefox / IE7 probleem


Aanbevolen berichten

Goeiemorgen een ieder, Nu MS met IE7 op de proppen komt ben ik op een probleem gestuit. Had het al lang in de gaten maar nu IE7 bij iedereen wordt aangeboden is het tijd om de oplossing te zoeken. Kijk maar eens op [url]http://www.kiekendief.nl/TEST.html[/url]. CSS: [url]http://www.kiekendief.nl/css/csskiekendieftest.css[/url] In IE7 loopt de tekst van de main door de footer heen (zat in IE6 goed) en in Firefox gewoon goed door een extra stukje css die ik had geplaatst: [code:1:d72df1918b]html>body #footer { margin: -12em auto auto sauto; }[/code:1:d72df1918b] Oftewel ik haalde de footer een stuk omhoog in Firefox. Probleem: in IE7 staat de footer nu tè hoog; zonder bovenstaande code staat het daar wel goed. In Firefox staat het nu goed, maar zou zonder deze code te laag staan. Dus: de 'Firefox hack code' werkt nu ook in IE7 - is er een manier dit alsnog alleen voor Firefox te laten gelden, of juist een code die alleen voor IE7 kan gelden? Tnx.
Link naar reactie
Zoals al vaker op dit forum gemeld, zorg ervoor dat het er in eerste instantie goed uitziet in FF, want IE6 en lager klooit vaak maar een beetje aan: veel te veel CSS-bugs. Wanneer het er in FF goed uitziet, zorg er daarna pas voor dat een rare layout in IE wordt opgelost door afwijkende regels voor IE te plaatsen in [url=http://www.quirksmode.org/css/condcom.html]conditional comments[/url] en probeer CSS-regels in je standaard stylesheet om specifieke browsers te tagetten te vermijden, iets wat [url=http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx]de makers van IE zelf ook aanraden[/url]. In IE7 zijn de meeste CSS-bugs namelijk opgelost en dan zie je dat IE7 zaken gaat weergeven zoals FF het doet (namelijk op de juiste manier). En gebruik een [url=http://www.w3.org/QA/2002/04/valid-dtd-list.html]correct doctype[/url] om browserverschillen zo veel mogelijk te voorkomen (het doctype beïnvloedt op welke manier met CSS moet worden omgegaan).
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...