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. Mitä mieltä olet?

      Miehestä jolla ei ole yhtään kaveria, ei facebookissa eikä livenä ja hän harrasta ja tekee kaiken yksin. Onko vähän outo
      Ikävä
      157
      1450
    2. Muistakaa pojat tämä.

      Mies joka haluaa naisen, löytää keinon. Ei epäröi eikä hämmennä. Tekee kaiken eteenne.
      Ikävä
      128
      1160
    3. Muhun rakastuu kaikki naiset, mut mä en rakastu niihin

      Mun vaatimustaso on 10+ Mut mua tavottelee 7+ naiset
      Ikävä
      216
      859
    4. Oletko päättänyt

      Että luovutat minun suhteeni
      Ikävä
      64
      782
    5. Pahoin pelkään nainen

      että pidät minua epäempaattisena, itsekeskeisenä, narsistisena ja kylmänä ihmisenä. Oletko koskaan ajatellut, että minus
      Ikävä
      58
      678
    6. Mikä sua mies vaivaa?

      Siis oikeasti.
      Ikävä
      45
      640
    7. 50
      624
    8. Annan aikaa jos sitä vielä tarvit

      mutta loputonta odottamista en kestä. Naiselle
      Ikävä
      52
      572
    9. Martina avaa suhdettaan

      IL 22.7: Martina avaa suhdettaan nuoreen Muhikseen. Nyt on jo vakavaa, on käyty syömässä Itä-Helsingissä. Onkohan muutt
      Kotimaiset julkkisjuorut
      187
      558
    10. En osaa kirjoittaa sulle edes anteeksipyyntöä

      Koska en tiedä miten voit. Olen hieman kauhuissani ja järkyttynyt, jos olen sinua ahdistanut. Tunteiden prosessointi o
      Ikävä
      29
      552
    Aihe