Firefox / IE7 probleem

[anoniem]

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.

[anoniem]

misschien kan je t andersom doen? dus voor alle browsers: [code:1:abb6075fd3]body #footer { margin: -12em auto auto sauto; }[/code:1:abb6075fd3] en dan voor IE6: [code:1:abb6075fd3]*html body #footer { margin: ??? }[/code:1:abb6075fd3]

[anoniem]

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).