Layout div:lla

Make

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

5

708

    Vastaukset

    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. YLE Äänekosken kaupunginjohtaja saa ankaraa arvostelua

      Kaupungin johtaja saa ankaraa kritiikkiä äkkiväärästä henkilöstöjohtamisestaan. Uusin häirintäilmoitus päivätty 15 kesä
      Äänekoski
      74
      1359
    2. Euroopan lämpöennätys, 48,8, astetta, on mitattu Italian Sisiliassa

      Joko hitaampikin ymmärtää. Se on aivan liikaa. Ilmastonmuutos on totta Euroopassakin.
      Maailman menoa
      243
      1249
    3. Martina lähdössä Ibizalle

      Eikä Eskokaan tiennyt matkasta. Nyt ollaan jännän äärellä.
      Kotimaiset julkkisjuorut
      151
      1061
    4. Asiakas iski kaupassa varastelua tehneen kanveesiin.

      https://www.iltalehti.fi/kotimaa/a/33a85463-e4d5-45ed-8014-db51fe8079ec Oikein. Näin sitä pitää. Kyllä kaupoissa valtava
      Maailman menoa
      254
      1032
    5. Avustikset peruttu.

      Aettokosken ampuraan rahat otettu poekkeen valtiolle.
      Suomussalmi
      51
      755
    6. 64
      714
    7. Jos ei tiedä mitä toisesta haluaa

      Älä missään nimessä anna mitään merkkejä kiinnostuksesta. Ole haluamatta mitään. Täytyy ajatella toistakin. Ei kukaan em
      Ikävä
      62
      707
    8. Miksi mies tuntee näin?

      Eli olen mies ja ihastuin naiseen. Tykkään hänestä ja koskaan hän ei ole ollut minulle ilkeä. Silti ajoittain tunnen kui
      Ikävä
      39
      688
    9. Se nainen näyttää hyvältä vaikka painaisi 150kg

      parempi vaan jos on vähän muhkeammassa kunnossa 🤤
      Ikävä
      44
      651
    10. Määpä tiijän että rakastat

      Minua nimittäin. Samoin hei! Olet mun vastakappaleeni.
      Ikävä
      30
      607
    Aihe