Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: div-elementtien koko

ljlassi [26.12.2011 12:13:52]

#

Onko mahdollista määritellä div-elementin leveys/korkeus prosentteina ja sen jälkeen vähentää siitä jokin tietty pikselimäärä? Tyyliin width:65%-15;... (ei toimi)

The Alchemist [26.12.2011 13:00:35]

#

Ei voi.

Emuloida kyllä voi, mutta eri kikkojen sopivuus riippuu ihan siitä, mihin yrität sitä istuttaa ja miltä lopputuloksen pitäisi oikeasti näyttää. Voit käyttää vaikka kahta sisäkkäistä diviä, joista ulommalle rajoitat leveyden prosentuaalisesti ja sisempää kavennat käyttämällä marginaalia.

Ilman wrapper-elementtejäiä voisi onnistua CSS3:lla laittamalla box-sizing-ominaisuudelle arvoksi "border-box" ja määrittämällä 15 px leveän taustan värisen borderin.

ljlassi [26.12.2011 14:43:31]

#

Ok. Sain alkuperäisen ongelman hoidettua siirtämällä elementin sivupohjasta toisen elementin sisälle.

Mieleen kuitenkin tuli myös sellainen kysymys, että miten saan kaksi keskitettyä elementtiä vierekkäin? Nimittäin jos molemmat on määritetty sijainniltaan keskelle (margin:0 auto), niin en saa niitä asettumaan vierekkäin. Prosenttien kanssa leikkimällä onnistuu kun ei tarvitse keskittää, mutta onnistuuko jollain muullakin keinolla?

The Alchemist [26.12.2011 15:39:08]

#

No edelleen laitat elementit wrapperin sisälle ja keskität sen.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta