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. Mikä on hänen nimen viimeinen tavu?

      🎣🎣🎣🎣🎣
      Ikävä
      68
      1110
    2. Miten yksi ihminen

      Voi kolahtaa näin kovaa? Saada ajatukset vallattua näin totaalisesti? Taidan oikeasti tarvita ammattiapua tämän kanssa,
      Ikävä
      46
      1074
    3. Olet lihonut kuin pullataikina

      Olet lihonut kuin pullataikina. Et ole yhtä kaunis kuin aikaisemmin. Oletko ryyppäämässä käynnyt joka ilta?
      Ikävä
      66
      988
    4. Kyllä on ihmisillä paha olla

      Harmi, kun se pitää kipata toisten niskaan. Noh, huhuhan kertoo, että koko palsta on menossa kiinni. Pitäneekö paikkan
      Sinkut
      156
      775
    5. Toivotko jotain tapahtuvan

      Että saisit kaivattusi vaimoksesi?
      Ikävä
      57
      694
    6. Festivaaliko?

      Ei kunnon valoja tai mitään rakenteita, amatöörien puuhastelua äänentoistoa myöten.Yksi soittotaitonen bändi! Luisia kyl
      Kuhmo
      33
      662
    7. Olisko jo aika?

      Voisitko jo viimein puhua tai avata edes yhteydet sen mahdollistamiseksi.
      Ikävä
      40
      625
    8. Ammoniakkivuoto

      Oliko tämä Kiantaman tehtaalla? Ei heitä huonot uutiset Kiantamaa kiertämästä. Pitäsikkö jo laittaa lappu luukulle ja mu
      Suomussalmi
      16
      567
    9. Mies viimeinen viestisi..

      Minkä verran panostit? Oliko jotain kokreettista. Pyysitkö treffeille? Ilmoititko halusta tavata? Epämääräisiin ei mon
      Ikävä
      109
      537
    10. Hei gaggelibylly ootko valmis?

      Tuun kohta hakee sut ratsullani miesprinsessa ❤️
      Ikävä
      74
      502
    Aihe