Keskustelu: Nettisivujen teko: Table ja CSS-määrittely, IE vs. Mozilla

Ystävämme IE, jokaisen koodaajan unelma selain. Onneksi vähiten käytetty sellainen :D.

Nyt tuli ongelma, jota en millään säätämisellä saanut toimiin molemmilla selaimilla, yleensä saan pitkällisen sähläämisen jälkeen jotain monimutkaista säätöä aikaiseksi.

Minulla on siis olemassa:

<table id="table">
isohko taulukko
</table>

ja tyylitiedostossa on näin:

#table {
padding: 20px;
}

Tällöin tuotos näkyy oikein vain mozillalla. IE ei huomioi tyylejä. Operaa en omista, eli en ole testannut.

Kokeilin seuraavia ratkaisuja:

table {
padding: 20px;
}

.table {
padding: 20px;
}

Muistaakseni toisella vaihtoehdolla rupesi IE näyttämään oikein, mozillan kontatessa, mutta nyt en saa uusittua tätä.

Mitä muita keinoja mahtaa olla taulukon tyylin määrittämiseksi?

SF3YLO kirjoitti:

Ystävämme IE, jokaisen koodaajan unelma selain. Onneksi vähiten käytetty sellainen :D.

no jaa, liittyykö tää sun pulmaas jotenkin. Ite oon asiakkaiden sivustoja seurannut, niin IE porskuttaa niissä varsin hyvin kärkipäässä (eikä todellakaan vähiten käytetty).

edit:
eli haluatko tuota päddingiä taulukon ulkoreunalle vaiko sen soluihin?

Onko taulukko taulukko jos siinä ei ole yhtään riviä tai saraketta?

Lebe ei ilmeisesti ymmärrä huumoria, tai sitten se ei kuulu tälle foorumille. Pahoittelen.

Tottakai taulukkoni sisältää rivejä paljonkin ja muutaman sarakkeen.

Haluaisin siis padding-arvolla saada taulukon 20px vasemmastareunasta keskelle päin. Tuon tapaisella tyylimäärittelyllä on kaikki tekstit ja kuvat saatu reunasta irti, joten se hämää silmää tosi paljon kun taulukko onkin reunassa vaikka muu tavara ei ole. Toki jos tulee muita vaihtoehtoja mieleen, niin niilläkin tuon voi toteuttaa. Solupadding on määritelty cellpaddingillä.

Laita esim. ylimääräinen div taulukon ympärille, jolle laitat paddingiä. IE:llä tietyt tyylimääreet tuntuvan toimivan vain soluissa, joten pieniä muutoksia joutuu aina tekemään.

Tietty voisi myös kokeilla marginaalin asettamista taulukolle sisennyksen sijaan.

Loistavaa Merri!

Testaan tuota heti huomenna. Uskon marginilla tämän ratkeavan.

En haluaisi laittaa ylimääräisiä divejä enää. Tätä on eri selainten takia kikkailtu mielestäni liiaksikin jo, ei enää diviä tähän mielellään.