IE position bug
Ik heb al een tijdje last dat IE een ruimte plaatst als je 2 div(ision)s boven elkaar hebt staan.
Bijvoorbeeld bij deze site: http://huis.aryweb.nl/
In IE zit er een ruimte tussen de bovenste image, en de volgende div. (http://huis.aryweb.nl/afbeeldingen/IEbug.png)
Ik loste dit eigenlijk altijd op dmv in mijn css file bij body de font-size op 1px te zetten, en dan de elementen met tekst de font-size weer op 12px. Maar eigenlijk wil ik niet de font-size in pixels, maar in em, zodat je de tekst van grootte kunt veranderen voor een betere gebruikerservaring. En ik vind het gewoon irritant.
In Opera en FF heb ik hier geen last van.
Dus wat is een goede nette snelle oplossing hiervoor??
Groeten,
Arian
Je manier om vier images te gebruiken (1 voor elke zijkant) kan misschien handiger door bijvoorbeeld je borders in je Flash file te prakken.
Of maak een div met een passe-partout achtergrond en zet daar je Flash movie in.
En margins kan het volgens mij niet zijn, omdat ik ook eerst alle margins/paddings op 0 zet:
* {
margin: 0;
padding: 0;
}
http://huis.aryweb.nl/css/style.css
Hier heb ik dus wel vaker last van,
Op http://nils.aryweb.nl/gooischemuziekschool/ zie je hetzelfde.
margin: 0;
padding: 0;
}
Das niet zo verstandig. Op je eerste pagina kun je dit wel plaatsen, maar * betekent dat voor elk element margin en padding op 0px wordt gezet.
Ik zou het alleen nooit met een plaatje doen, maar een witte kleur doen of zoals Jan zei in Flash zelf een border toevoegen.
Maar, oké.
Gebruik voor left, right en je bottom plaatje deze css code:
Code (php)
1
//margin-top:-3px; /*inclusief de // -laten staan dus! */
Waarschijnlijk moet je dit getal aanpassen, maar daar kom je zelf wel uit.
Succes.