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. Uskallanko laittaa sulle viestiä?

      Se viesti on tossa valmiina ja lähettämistä vaille valmis. Kun ei kauhee sti tunneta niin eipä sillä olisi niin väliä. S
      Ikävä
      62
      957
    2. Lehtikankaan oppilas kuolema

      Mistä lie tyttöparka löytyny, mikä ajaa tekemään itsemurhan tuon ikäsenä 😞
      Kajaani
      18
      942
    3. Mikä tekee kaivatustasi

      Haluttavan?
      Ikävä
      34
      857
    4. Onko nyt kaikki asiat käyty läpi?

      Mun mielestä on👍
      Ikävä
      106
      821
    5. Mies joka on oikeasti kiinnostunut

      Ja näkee sut pitkäaikaisena kumppanina, siirtää vaikka vuoria selvittääkseen asiat eikä ota pienintäkään riskiä menettää
      Ikävä
      125
      806
    6. Vieläkin saat

      Sydämen tykyttämään. Vaikka emme näe
      Ikävä
      38
      723
    7. Rauha, sopiiko

      Ei häiritä enää toisiamme. Annetaan molemmille rauha unohtaa, pyydän tätä todella. Kiitos. Miehelle.
      Ikävä
      72
      596
    8. Ei siitä pääse yli, eikä ympäri!

      Pakko se on myöntää ja tunnustaa. Olisin halunnut p*nna sinua sydämeni kyllyydestä. Itseäni vanhemmalle naiselle
      Ikävä
      66
      591
    9. 42
      589
    10. Kunnanhallitus

      Miten käy täällä vuosia tuomioita jakaneelle valittajalle, hovioikeus hylännyt kaikki syytteet.
      Puolanka
      30
      569
    11. En tahallaan sua välttele...

      Olis niin kiva nähdä jossain muualla kuin kaupassa!
      Ikävä
      40
      567
    12. Nyt kaatuu Kuisla

      Reima Kuisla hakee saneeraukseen – Joitakin velkoja on jo ulosotossa https://www.ilkkapohjalainen.fi/reima-kuisla-hakee
      Seinäjoki
      27
      523
    13. Minkä kappaleen

      haluaisit soivan, kun astellaan alttarille?
      Ikävä
      49
      498
    14. Tässä ovat Elämäni biisi vieraat lauantai 19.9. - Yksi vieras on kohuttu TTK-juontajaehdokas

      Elämäni biisi vieraslista on harvinaisen mielenkiintoinen lauantaina. Mukana myös kohuttu TTK-juontajaehdokas, josta ei
      Tv-sarjat
      2
      492
    15. Miesten (epä)viehättävyydestä kysymys

      Mieltä askarruttava asia, liki dilemma. Palstallahan jotkut miesoletetut usein toteavat, että kaikki naiset tavoittelev
      Sinkut
      116
      489
    16. Olit hyödytön.

      Mulle hyödytön..
      Ikävä
      94
      476
    17. Kumpi tästä nyt

      Teki niin vaikeaa?
      Ikävä
      60
      464
    18. Pystyisitkö liikkumaan

      Tai tapailemaan kaivattuasi julkisesti?
      Ikävä
      45
      436
    19. 39
      433
    20. Miks oot niin helverin itsepäinen ja tyhmä, että et ymmärrä kuinka pidän susta

      Se satuttaa minua todella paljon.. - naiselle
      Ikävä
      41
      420
    Aihe