CSS, IE 6 jättää listaan isommat raot mitä pitäis

[abg]

Eli lista on jota kuinkin tämän näkönen:

LINKKI1

LINKKI2

LINKKI3

LINKKI4

Mutta IE 6 näyttää sen jotenkin näin:

LINKKI1


LINKKI2


LINKKI3


LINKKI4

Isommat raot mitä pitäs. Onko tämä tuttu oglema?
Paddingiä noissa on ylhäällä ja alhaalla 6px, näyttää siis IE 6 tuplaantuvan tms. Määritin marginaalin nollaan kun ajattelin että jos se on presettinä jotain muuta kun nolla, mut ei kyllä auttanut.

Ja vielä jos saan kysyä että onko tossa position: absolute; jotain sudenkuoppia? Kun se tuntuu niin helpolta, vaivattomalta, helppotajuiselta ja IE:lläkin tuntuu toimiman.

Kiitos

[allu/tre]

Varmaa ei pysty ilman koodia sanomaan, mutta voisit kokeilla ottaa nuo paddingit pois ja määrittää noille linkeille sopivan line-height :n.

[MiniMe]

Eli määritä CSS:ssä listalle (käytätkö nyt sitten li-tagia)
- lineheight
- padding
- margin

Eri selaimilla on juuri näissä rivi/kappaleväleissä eri oletusarvot ja ilman näiden määrittelyä, kukin selain käyttää rivivälinä omaa oletustaan.

[leidi32]

Aika tuttu ongelma, joka ratkee yleensä sillä, että koodista otetaan välit ja rivinvaihdot (whispace) LI-elementtien välistä pois.

Eli ongelma tulee, kun koodi on

<ul>
<li>linki</li>
<li>linki</li>
<li>linki</li>
</ul>

Ja poistuu, kun kirjoitetaan
<ul><li>linki</li><li>linki</li><li>linki</li></ul>

Toki tuo on hankala lukea ja kirjoittaa. Olemme ratkaisseet tämän niin, että laitetaan rivinvaihdon tagien sisään eli näin:
<ul
><li>linki</li
><li>linki</li
><li>linki</li
></ul>


Auttoiko?

[zemex]

Ja vielä jos saan kysyä että onko tossa position: absolute; jotain sudenkuoppia? Kun se tuntuu niin helpolta, vaivattomalta, helppotajuiselta ja IE:lläkin tuntuu toimiman.

Kiitos

Tuossa position: absolute hommassa oli minulla ainakin joskus jokin ongelma mutta en nyt vaan saa päähän mikä.

Ainakin minun mielestä jos käyttää tuota niin sivu pysyy luettavana vaikka ei tyylitiedostoa olisi saatavana. Eli ei hajoa atomeiksi jos selain ei osaa ladata tyylitiedostoja. Itse en kovin monesti käytä tuota vaikka se voisi olla helpompaakin välillä.

[Jamac]

Ihan offtopikkia, mutta näin kerran jossain examplen aika hienosta css-leiskasta. Siinä muistaakseni javascriptin pätkä tutki että jos selain vedetään tarpeeksi kapeaksi niin leiska muuttui kapeaan selaimeen sopivaksi. Se oli kyl aika bueno.

[zemex]

Ihan offtopikkia, mutta näin kerran jossain examplen aika hienosta css-leiskasta. Siinä muistaakseni javascriptin pätkä tutki että jos selain vedetään tarpeeksi kapeaksi niin leiska muuttui kapeaan selaimeen sopivaksi. Se oli kyl aika bueno.

Tuostapa tulikin mieleen, että taisi olla niin, että jos käyttää tuota position: absolutea niin jos pienentää ikkunaa sivu ei muistaakseni skaalautunut. En kyllä muista tarkkaan menikö näin mutta määrittää css koodiin sivun koon prosentteina niin pitäisi skaalautua.

[jonesb]

No oikea ratkaisuhan on se, että luovutaan paddingista. Ongelma sen sorttinen, ettei ie ymmärrä sitä oikein, vaan käsittelee paddingia oikeastaan samalla tavalla kuin marginia. Tämä on ihan yleinen ongelma ja voi hakea sille helpotusta googlesta.

[Juhani L]

No oikea ratkaisuhan on se, että luovutaan paddingista. Ongelma sen sorttinen, ettei ie ymmärrä sitä oikein, vaan käsittelee paddingia oikeastaan samalla tavalla kuin marginia. Tämä on ihan yleinen ongelma ja voi hakea sille helpotusta googlesta.

Hyvä, jos voidaan luopua paddingista. Jos ei, sitten vaihtoehtona on käyttää CSS Box Model -hackeja, joilla huijataan IE 6 tekemään muuta kuin muut standandeja noudattavat selaimet tekevät. Täällä on hyvä yhteenveto ongelmasta ja myös ratkaisuja.