CSS-asettelu

Esimerkki mukailtu osoitteesta http://www.w3schools.com

Ihmettelen siis, että miksi tuo "tama on alapalstaa" täytyy määritellä 77px jotta se on samalla tasolla vasemman palstan kanssa? kun muuten olen ilmoittanut pikselit vitoseen tai nollaan päättyviksi (esim. 50, 105) jne. eli mistä tulee nuo ylim. 2pikselii?




div.container
{
width:675px;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.oikea
{
margin-top: -250px;
margin-left:470px;
border:1px solid gray;
padding:1em;
width: 200px;
height: 50px;
}

div.header
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
div.footer
{
padding:1em;
color:black;
background-color:white;
border:1px solid gray;
margin-left: 190px;
margin-top: 205px;
margin-bottom: 20px;
height: 77px;
width: 250px;
}

h1.header
{
padding:0;
margin:0;
}
div.left
{
margin-top: 20px;
float:left;
width:160px;
height: 340px;
padding:1em;
border:1px solid gray;
}
div.content
{
margin-top: 20px;
margin-left:190px;
border:1px solid gray;
padding:1em;
width: 250px;
height: 250px;
}





W3Schools.com
"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)

Free Web Building Tutorials
At W3Schools you will find all the Web-building tutorials you need,.
W3Schools - The Largest Web Developers Site On The Net!
tama on oikea palsata...
tama on alapalstaaa..
1436
Äänestä

Muut lukivat myös

Vastaukset 1

Vanhimmat

oisko border:1px solid gray;:llä mitään osuutta asiaan. Tuli mieleen tarkistelematta yhtään mitään.

Äänestä

Kommentoi aloitusta


mikä vialla? kirjoitti:

Esimerkki mukailtu osoitteesta http://www.w3schools.com

Ihmettelen siis, että miksi tuo "tama on alapalstaa" täytyy määritellä 77px jotta se on samalla tasolla vasemman palstan kanssa? kun muuten olen ilmoittanut pikselit vitoseen tai nollaan päättyviksi (esim. 50, 105) jne. eli mistä tulee nuo ylim. 2pikselii?




div.container
{
width:675px;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.oikea
{
margin-top: -250px;
margin-left:470px;
border:1px solid gray;
padding:1em;
width: 200px;
height: 50px;
}

div.header
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
div.footer
{
padding:1em;
color:black;
background-color:white;
border:1px solid gray;
margin-left: 190px;
margin-top: 205px;
margin-bottom: 20px;
height: 77px;
width: 250px;
}

h1.header
{
padding:0;
margin:0;
}
div.left
{
margin-top: 20px;
float:left;
width:160px;
height: 340px;
padding:1em;
border:1px solid gray;
}
div.content
{
margin-top: 20px;
margin-left:190px;
border:1px solid gray;
padding:1em;
width: 250px;
height: 250px;
}





W3Schools.com
"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)

Free Web Building Tutorials
At W3Schools you will find all the Web-building tutorials you need,.
W3Schools - The Largest Web Developers Site On The Net!
tama on oikea palsata...
tama on alapalstaaa..

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu