Rakentelen sivua ja huomasin miten erillailla IE lisää ylimmääräistä marginia tai paddingia perusfonttin (p) ja otsikon (h1) yläpuolelle verrattuna muihin selaimiin. Olen määrittänyt css tiedostoon fonttien kohdille margin:0 ja padding:0, mutta eipä ole auttanut. Koodi on validia.
h1
{
font-family:Times New Roman, sans-serif, sans;
font-size:16pt;
color:#0072bc;
font-weight:normal;
margin:0px;
padding:0px;
}
Mikäpä tuohon olisi neuvoksi?
h1
{
font-family:Times New Roman, sans-serif, sans;
font-size:16pt;
color:#0072bc;
font-weight:normal;
margin:0px;
padding:0px;
}
Mikäpä tuohon olisi neuvoksi?
Vastaukset 3
Vanhimmat
http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
Pystytkö kertomaan suoraan miten korjaan sen tilanteessa, kun tavalliseen "p" fonttiin on määritelty paddingia ylös 6px ja IE lisää sinne ylös vielä lisää? Samoin tapahtuu esimerkiksi sivupohjassa, jolle on määritelty tietty korkeus ja IE lisää siihen omaa pituuttaan.
Tehdä javascriptillä koodin, joka tunnistaa selaimen ja jokaiselle selaimelle tehdään omat css-tyylitiedostot. Tämä takaa sivujen näkymisen samanlaisena kaikissa selaimissa. Sinun täytyy todennäköisesti tyytyä kompromissiin. Itselle ei nyt ainakaan tule mieleen miten saisi tuon korjattua yksinkertaisesti. Tokia voit miettiä jotain kiertotapoja mutta minun on niitä hankala sen enempää tietämättä alkaa selittää.