Ben bezig met een web applicatie in PHP/HTML/CSS/JS, het optimaliseren van de code en zoveel mogelijk cross browser compatible houden.
Voor mijn probleem heb ik rondgezocht op GoT en een hoop dingen geprobeerd, maar ik krijg het effect dat in Firefox goed werkt dmv de CSS property min-width niet goed voor elkaar.
Zie http://www.rszdesign.com/temp/dialog/
In Firefox (en Opera) gaat alles goed vanwege de min-width en max-width CSS properties. Voor IE gebruik ik de underscore 'hack', oftewel _width: 222px;
IE zorgt dat de content en container <div> meegroeien met de inhoud wanneer ik de container een breedte geef met _width. Dit gaat goed (zie rooie randjes). Echter groeien de header en footer <div>s niet mee met de container waar ze in staan..... Terwijl het <div>s zijn die automatisch de maximale breedte aannemen van waar ze in staan, houden ze gewoon de breedte van hoe die van de container in CSS is gedefinieerd.
Weet iemand wat de oorzaak is van dit probleem en hoe ik dit op kan lossen?
Alvast bedankt!
Voor mijn probleem heb ik rondgezocht op GoT en een hoop dingen geprobeerd, maar ik krijg het effect dat in Firefox goed werkt dmv de CSS property min-width niet goed voor elkaar.
Zie http://www.rszdesign.com/temp/dialog/
In Firefox (en Opera) gaat alles goed vanwege de min-width en max-width CSS properties. Voor IE gebruik ik de underscore 'hack', oftewel _width: 222px;
IE zorgt dat de content en container <div> meegroeien met de inhoud wanneer ik de container een breedte geef met _width. Dit gaat goed (zie rooie randjes). Echter groeien de header en footer <div>s niet mee met de container waar ze in staan..... Terwijl het <div>s zijn die automatisch de maximale breedte aannemen van waar ze in staan, houden ze gewoon de breedte van hoe die van de container in CSS is gedefinieerd.
Weet iemand wat de oorzaak is van dit probleem en hoe ik dit op kan lossen?
Alvast bedankt!