Layout div:lla

Kysymys; kuinkas saan "keskitettyä" diveillä tehdyn lay-outin?
5802
Äänestä

Muut lukivat myös

Vastaukset 5

Vanhimmat
  • Kiitoksia kovin, täytyypä kokeilla tuota!

    Äänestä

  • Make kirjoitti:

    Kiitoksia kovin, täytyypä kokeilla tuota!

    Loppujen lopuksi aika helppoa, kunhan tietaa mita pitaa tehda, heh...Jonkin aikaa sai taistella, nykyaan teen sen aina noin. Tarkeaa muistaa laittaa nuo sivumarginaalit autoiksi, jotta toimii myos mozillalla. Ja tietenkin tyyli kannattaa laittaa omaksi css-tiedostokseen, jos on useampia sivuja.

    ----- esimerkki.html -----------

    Sivu


    * {margin:0; padding:0;}

    body {
    text-align: center;
    }

    #sivu {
    width: 600px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background-color: beige;
    text-align: left;
    }


    #vasen {
    float:left;
    width: 200px;
    background-color: yellow;
    }

    #oikea {
    float: left;
    width: 400px;
    background-color: pink;
    }
       


    Sivu

    Tässä on vielä sivu jaettu kahteen osaan. Tässä voisi
    olla vaikka valikko.

    Tässa voisi olla sisalto.

    Äänestä

  • ellamolla kirjoitti:

    Loppujen lopuksi aika helppoa, kunhan tietaa mita pitaa tehda, heh...Jonkin aikaa sai taistella, nykyaan teen sen aina noin. Tarkeaa muistaa laittaa nuo sivumarginaalit autoiksi, jotta toimii myos mozillalla. Ja tietenkin tyyli kannattaa laittaa omaksi css-tiedostokseen, jos on useampia sivuja.

    ----- esimerkki.html -----------

    Sivu


    * {margin:0; padding:0;}

    body {
    text-align: center;
    }

    #sivu {
    width: 600px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background-color: beige;
    text-align: left;
    }


    #vasen {
    float:left;
    width: 200px;
    background-color: yellow;
    }

    #oikea {
    float: left;
    width: 400px;
    background-color: pink;
    }
       


    Sivu

    Tässä on vielä sivu jaettu kahteen osaan. Tässä voisi
    olla vaikka valikko.

    Tässa voisi olla sisalto.

    »Tarkeaa muistaa laittaa nuo sivumarginaalit autoiksi, jotta toimii myos mozillalla.»

    Kyse on oikeasti siitä, että tuo margin:auto on nimenomaan se jolla keskitys suoritetaan. IE ei ymmärrä kyseistä määritystä mikäli sivua ei tarjota strictinä html:änä, silloin täytyy käyttää IE:tä varten tuota text-aling:center ja perään korjata ettei sitä tekstiä oikeasti haluta keskittää.

    Fiksumpaa olisi tehdä strictiä koodia, niin tuota IE kikkailua ei tarvittaisi.

    Äänestä

  • Höpö kirjoitti:

    »Tarkeaa muistaa laittaa nuo sivumarginaalit autoiksi, jotta toimii myos mozillalla.»

    Kyse on oikeasti siitä, että tuo margin:auto on nimenomaan se jolla keskitys suoritetaan. IE ei ymmärrä kyseistä määritystä mikäli sivua ei tarjota strictinä html:änä, silloin täytyy käyttää IE:tä varten tuota text-aling:center ja perään korjata ettei sitä tekstiä oikeasti haluta keskittää.

    Fiksumpaa olisi tehdä strictiä koodia, niin tuota IE kikkailua ei tarvittaisi.

    Njoo...enpa ole tuota tiennyt. Itse koodaan joka tapauksessa aina strictilla. Otin tuosta esimerkista dokumenttityypin maarittelyt pois tilan saastamiseksi, vaikka olisihan ne voinut siihen jattaakin.

    Äänestä

Kommentoi aloitusta


Make kirjoitti:

Kysymys; kuinkas saan "keskitettyä" diveillä tehdyn lay-outin?

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