Doorzoek deze site:
Wat zijn wij aan het doen?
5 november 2012
Aan het researchen. Inzake Columnal versus IE8. Daar komt dit uit:
- CSS-defs moeten via ID-declaratie worden opgenomen in de HTML willen ze voor IE8 niet overruled worden door Columnal defaults. Classes werken in alle andere browsers wèl goed. Nadeel aan die ID's is dat die niet meervoudig gedeclareerd kunnen worden, zoals classes wel. Dus die classes moeten dan voor IE8 in een aparte sheet gecombineerd worden tot enkelvoudige ID's. Het aan IE8 voeren van een aparte stylesheet kan middels door Microsoft daarvoor bedachte tags:
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="css/custom-ie8.css" />
<![endif]-->
|
|
die door andere browsers als te negeren code-intern commentaarveld worden gezien.
Tip: het is een aardig idee om alle toe te voegen custom css in ID's te vervatten, omdat dat de toegevoegde mooi scheidt van de Columnal defaults, ook voor andere browsers dan IE8.
- Columnal heeft besloten voor IE8 een fixed width te hanteren die, zo te zien, is afgestemd op 1024. Zo breed is een Columnal-row dan dus in IE8 (in andere browsers is die breedte afhankelijk van de omringende container). Procentuele waarden van elementen in de row worden dus afgemeten aan de breedte van de row, niet de breedte van de container die de row omringt. Dat betekent dus dat in IE8, bij kleinere schermbreedte, naar rechts gescrolld moet worden. Geldt denkelijk niet voor mobiele apparaten, die immers het geheel kleinzoomen tot fit, totdat je inzoomt, dan moet het wel weer.
|