Keskustelu: Nettisivujen teko: CSS-ongelmia: korkeus ja pystytasaus

Minkä takia tuolla sivulla...

1. navigaatiopalkin teksti näkyy yläreunassa, eikä keskellä
2. copyright-palkin korkeus ei ole 35px

vaikka style2.php:ssä on harvinaisen selkeät ohjeet? -.-

Juhko kirjoitti:

1. navigaatiopalkin teksti näkyy yläreunassa, eikä keskellä

Koska vertical-align pätee vain inline ja table-cell -elementeille.

Juhko kirjoitti:

2. copyright-palkin korkeus ei ole 35px

Koska max-height, eikä height.

Merkkaa #menulle korkeampi line-height.

Max-height rajoittaa vain maksimikorkeuden. Laita sen tilalle myös vaikka line-height.

Voisit käyttää kunnollisia otsikoita keskusteluissasi. (Korjasin.)

1. Käytä line-height-ominaisuutta tai aseta ul-elementille paddingia. (Fx:llä näyttää toimivan myös, jos laittaa vertical-align-asetuksen myös li- ja a-elementeille.)
2. Et ole asettanut korkeutta (height) vaan enimmäiskorkeuden (max-height). Tarkoituksesi on ehkä ollut asettaa vähimmäiskorkeus (min-height).

Pikselikorkeutta sinänsä en voi suositella, jos haluat sivun skaalautuvan käyttäjän fonttikoon mukaan. Tosin palkin taustakuvakaan ei sovi toistettavaksi, joten et taida kovasti panostaa asiaan.

Oma ratkaisuni olisi laittaa ylä- ja alapalkeille minimikorkeudet ja pikselimittainen padding sekä tehdä taustakuva, joka kestää skaalauksen.

No niinpä tietysti, kiitoksia.

Metabolix kirjoitti:

Pikselikorkeutta sinänsä en voi suositella...

Miksei fonttikokoa voi sitten määritellä pikseleissä?

Juhko kirjoitti:

Miksei fonttikokoa voi sitten määritellä pikseleissä?

Voihan sen – teknisesti. Kyse on nyt siitä, että ainakaan itse en halua selata sivustoasi sillä fonttikoolla, jonka sinä olet valinnut, vaan sillä, jonka itse olen selaimen asetuksista määrittänyt silmilleni sopivaksi. CSS-puolella medium tarkoittaa tätä käyttäjän oletuskokoa. Pöytäkoneaikoinani käytin näytön kokoon nähden hyvinkin suurta resoluutiota, ja lähes kaikilla sivustoilla fontti oli määritelty lukukelvottoman pieneksi. Suhteellisilla fonttiko'oilla ongelmaa ei olisi ollut. Tässä tapauksessa joustavan ulkoasun tekeminen on kuitenkin paljon vaikeampaa kuin sellaisen, jossa kaikki on asetettu pikselimitoilla, joten monet eivät edes harkitse asiaa. Lisäksi IE:ssä on ainakin ennen ollut jokin typerä oletuskoko, ja peruskäyttäjähän ei varmasti osaa asiaa korjata. (Yksi aika yleinen ratkaisu on tehdä nappulat, joista saa vaihdettua body-elementin fonttikokoa.)