Divit menee päällekkäin

Ei ymmärrä

Pitäisi saada div-laatikoita päällekkäin ja kun ei onnistu, menevät päällekkäin. Mikähän tässä nyt mättää?

"DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

Esim:

8

472

    Vastaukset 8

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • werewä

      < body>

      < div style="margin: 0 auto; width: 1000px;">

      < div style="float: left; width: 1000px; height: 100px; border: 1px solid #000;">< /div>

      < div style="float: left; width: 1000px; height: 100px; border: 1px solid #000;">< /div>

      < /div>

      < /body>

      • Mikset määritä yksinkertaisesti css tiedostoon/tyyleihin noita ja diveille id?
        css:
        div#leiska {width: 1000px; height:100px; position:relative; float:left;}
        div#tyyli1 {position:absolute; left:0px; top:0px; margin:0px;}
        div#tyyli2 {position:absolute; left:0px; top:0px; margin:0px;}

        html:
        < body>
        < div id="leiska">
        < div id="tyyli1">< /div>
        < div id="tyyli2">< /div>

        < /body>

        Paljon helpommalla pääset, ja paljon helpompi muokata myöhemmin eikä html tiedostosta tule liian täyteen buukattu.


      • sfinski80 kirjoitti:

        Mikset määritä yksinkertaisesti css tiedostoon/tyyleihin noita ja diveille id?
        css:
        div#leiska {width: 1000px; height:100px; position:relative; float:left;}
        div#tyyli1 {position:absolute; left:0px; top:0px; margin:0px;}
        div#tyyli2 {position:absolute; left:0px; top:0px; margin:0px;}

        html:
        < body>
        < div id="leiska">
        < div id="tyyli1">< /div>
        < div id="tyyli2">< /div>

        < /body>

        Paljon helpommalla pääset, ja paljon helpompi muokata myöhemmin eikä html tiedostosta tule liian täyteen buukattu.

        "Pitäisi saada div-laatikoita päällekkäin ja kun ei onnistu, menevät päällekkäin. Mikähän tässä nyt mättää? "

        selkeä lause :) Siis haluatko ne päällekkäin vai et?

        Tuossa sinun koodissa virheenä taitaa olla tuo float. Eli olet määrittänyt sen float:left mutta kun ei olla määritetty divien paikkaa mitenkään. Floatin käyttö yksinään on turhaa, position:relativen kanssa se asentaisi divit vierekkäin vasemmasta alkaen. Jonka ymmärrän.


      • sfinski80 kirjoitti:

        "Pitäisi saada div-laatikoita päällekkäin ja kun ei onnistu, menevät päällekkäin. Mikähän tässä nyt mättää? "

        selkeä lause :) Siis haluatko ne päällekkäin vai et?

        Tuossa sinun koodissa virheenä taitaa olla tuo float. Eli olet määrittänyt sen float:left mutta kun ei olla määritetty divien paikkaa mitenkään. Floatin käyttö yksinään on turhaa, position:relativen kanssa se asentaisi divit vierekkäin vasemmasta alkaen. Jonka ymmärrän.

        ja tuosta minun koodista html puolelta tulee vielä divin "leiska" lopetus ennen bodyn sulkua eli
        < body>
        < div id="leiska">
        < div id="tyyli1">< /div>
        < div id="tyyli2">< /div>

        < /body>


      • sfinski80 kirjoitti:

        ja tuosta minun koodista html puolelta tulee vielä divin "leiska" lopetus ennen bodyn sulkua eli
        < body>
        < div id="leiska">
        < div id="tyyli1">< /div>
        < div id="tyyli2">< /div>

        < /body>

        Johtuu näemmä tästä suomi24:stä kun poisti sen divin sulun
        < body>
        < div id="leiska">
        < div id="tyyli1">< /div>
        < div id="tyyli2">< /div>


      • sewwer
        sfinski80 kirjoitti:

        "Pitäisi saada div-laatikoita päällekkäin ja kun ei onnistu, menevät päällekkäin. Mikähän tässä nyt mättää? "

        selkeä lause :) Siis haluatko ne päällekkäin vai et?

        Tuossa sinun koodissa virheenä taitaa olla tuo float. Eli olet määrittänyt sen float:left mutta kun ei olla määritetty divien paikkaa mitenkään. Floatin käyttö yksinään on turhaa, position:relativen kanssa se asentaisi divit vierekkäin vasemmasta alkaen. Jonka ymmärrän.

        Menee ne vierekkäin ilman positioniakin. Kysyjän ongelma taisi olla lähinnä se, että divien lopetustagit olivat sotkussa ja laatikot sen takia menivät toistensa päälle.


    • afsf

      Siis mitä haluat saada aikaiseksi?

    • AP...

      La klo 6 kun aloittaa, meinaan hahmottaan html:ää, sitä sokeutuu. Kiitoksia :)

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

    Luetuimmat keskustelut

    1. kolme tunnistetta kaivatustasi

      Anna kolme tunnistetta kaivatussasi!
      Ikävä
      83
      1664
    2. Kai mua vähän

      Masentaa tämä kaikki. Tämä koko meidän välinen juttu on niin vaikea… Voitaisiinko molemmat lopettaa tilanteen ruokkimine
      Ikävä
      139
      1243
    3. Onko karhukanta jo liian iso? Lenkkeilijä kohtasi kontion juoksulenkillä

      Rantasalmella lenkkeilijä kohtasi karhun. Kylällä karhun näkeminen on ollut tosi harvinaista. Onko karhukanta jo liian i
      Maailman menoa
      126
      985
    4. Vanhat konkarit ulos Elämäni biisistä - Yle selittelee

      Elämäni biisi starttaa taas tänä syksynä. Mukana on ripaus uutta, mutta poissa on iso osa vanhaa... Poissa ovat Markku
      Tv-sarjat
      29
      883
    5. S-ryhmän Israel-boikotti liiketalouden opintojen tapausesimerkkinä

      Tätä S-ryhmän Israel-boikottitapausta käsitellään jo kauppakorkeakoulujen ja johtamiskorkeakoulujen esimerkeissä. Se ant
      Maailman menoa
      32
      825
    6. Oot upea nainen, älä vähättele ittees

      Ja tietojeni mukaan 2 muuta on susta kiinnostuneit mun lisäks. 👀
      Ikävä
      41
      778
    7. KP-Sesongilla ongelmia?

      Tarvitsen luotettavaa katonpuhdistajaa ja kuulin, että KP-Sesonki Oy tekee hommat edullisesti ja asiakkaan tarpeet huomi
      Ylöjärvi
      14
      694
    8. Mitä tehdä kun rakastan yhtä ja olen rakastunut toiseen

      Kamala tilanne. Voinko pitää molemmat? 😁
      Ikävä
      68
      680
    9. Mitä vit,,tua!

      Mikä hiivatin kommunistien teltta oli kirsikan nurkalla, olivat vähällä jäädä telttoinensa auton alle kun olivat sen kul
      Suomussalmi
      29
      666
    10. Hyvä Kukkola! toitte tänne taas jotain uutta

      Niin sitä pitää! Kehittää oikeasti tarjontaa. Nyt on maut kohdillaan! Käykäähän herkuttelemassa wingseillä ja siipiweikk
      Haapavesi
      69
      640
    Aihe