Layout div:lla

Make

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

5

802

    Vastaukset 5

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • yksi tapa
      • Make

        Kiitoksia kovin, täytyypä kokeilla tuota!


      • ellamolla
        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.


      • Höpö
        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.


      • ellamolla
        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.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Oivallus

      Mitä olet oivaltanut viimeksi?
      Ikävä
      147
      1023
    2. Pyhäjärvi syvällä kusessa

      Pyhäjärvi ei tule selviämään millään tästä alhosta. Ollaan aivan liian syvällä. https://www.mtvuutiset.fi/artikkeli/pyha
      Pyhäjärvi
      112
      960
    3. Miten voi sinun

      tunteet yhtäkkiä kuolla kuin napista painamalla? Et enää vilkaisekaan minuun päin vaan jos vahingossa näet minut käännät
      Ikävä
      63
      758
    4. PYHÄJÄRVEN KAUPUNKI VALTIOVARAINMINESTERIÖN ARVIOINTIMENETTELYYN..TE

      ...siinä se nyt on, mitä tässä enää vikistään. Uutiset Yle, 14.8. Klo 20.30, ei tunnu mukavalta.
      Pyhäjärvi
      49
      547
    5. 42
      519
    6. Missä vaiheessa

      Unohdit minut? Onko sinulla oikeasti mies jota rakastat? Tiedän että möhlin ja odotin liikaa. Ei tarvitse vastata jos et
      Ikävä
      33
      501
    7. Miksi meidän yhteys vain

      Säilyy? Säilyy ja säilyy? Joku syyhän siihen on?:))
      Ikävä
      63
      473
    8. Rakastan sinua mies

      Siksi haluankin vain sinun kanssa sitä.
      Ikävä
      22
      427
    9. Kyllä mulla on kovasti tunteita sinuun

      Rakkautta, intohimoa, välittämistä, hellyyttä jne.
      Ikävä
      13
      411
    10. Ulla Appelsin: Sari Essayahin kohtelu vs Nasima

      https://www.is.fi/kotimaa/art-2000012205897.html Mutta vaikuttaa siltä, että kun kyse on kristinuskosta, samat säännöt
      Maailman menoa
      157
      375
    Aihe