Keskustelu: Nettisivujen teko: CSS ongelma

Moi!

Tässä mun css-viritelmä: http://www.athene.fi/~masmeds/testi/

Haluaisin saada tuon kehikon kiinni selainikkunan vasempaan reunaan sekä yläreunaan - mutta miten?
(Stylesheet: http://www.athene.fi/~masmeds/testi/tyyli.css)

Ei pitäisi olla kovin vaikea juttu, koska mm. tällä sivustolla on onnistuttu tässä. :D
EDIT: Nähtävästi taulukkojen avulla. Onnistuuko mitenkään ilman?

Kiitokset jo etukäteen,

Matilda

Laita bodylle margin: 0 ja padding: 0. Opera taitaa käyttää tuota paddingia oletuksena bodyn marginaalin tekoon, joten siksi se myös mukaan.

Kiitos Olga! :)

CSS ongelma numero 2...

Koitan siis lopullisesti päästä taulukoiden käytöstä irti, siksi säätö. :)

Olen latonut lisää grafiikkaelementtejä paikoilleen:
http://www.athene.fi/~masmeds/TEST/

Mozilla näyttää sen oikein, mutta jostain syystä IE venyttelee divejä välillä muutamaa pikseliä tarkoitettua korkeammaksi.
Sen huomaa varsinkin noiden tab-kuvien kohdalla, että alalaidassa.

Osaisikohan joku vielä jelppiä?

Hienoa että olet irroittautumassa taulukoista. Se on iso hyppy eteenpäin :) Nopeasti katsoen veikkaisin että kyseessä on IE:n tyhmä bugi, joka tekee ylimääräistä tilaa kuvien alapuolelle mikäli img-tagin jälkeen on yhtään tyhjää tilaa (välilyönti, rivinvaihto jne.). Eli koita poistaa nuo mahdolliset tyhjät img-tagin jälkeen.

Lisävinkkejä tab-navigoinnin tekoon löytyy esimerkiksi CSS Vault -sivustolta.

Moi,

Olet tosi nopea! Kiitos paljon. :)
Tota olisi ollut vaikea keksiä, kun luulin että kiikasti vaan CSS:stä.

Ylärivillä kysymys oli rivinvaihdoista. Alarivillä kysymys oli   - piti pienentää font-sizeä niin paljon, että IE:kin suostui näyttämään sen oikean kokoisena.
(Poistan taas ton mun testihakemiston..)

Olen katellut näitä juttuja viimeksi http://www.alistapart.com/articles/taminglists/, ja tosiaan, osa niiden esimerkeistä ei näy nätisti IE:llä. Eli tarkkana saa olla.