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

407

    Vastaukset

    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. Nyt tajusin mitä haet takaa

      En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä
      Ikävä
      43
      3643
    2. Kiitos kun sanoit ikävästi minulle, herkälle

      Sait kesälomani pilattua😔
      Ikävä
      36
      2314
    3. Naiselle mieheltä

      Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?
      Ikävä
      32
      1915
    4. Jalkapalloa

      Ura ja Kokkola Cup?
      Kannus
      18
      1658
    5. Kaipaan niin....

      Aaawww mikä kaipuun tunne iski ja lujaa🥺😭❤️
      Ikävä
      17
      1649
    6. Eiii...

      Etkä! 😘
      Ikävä
      23
      1578
    7. Mikset vain

      Unohtaisi?
      Ikävä
      24
      1427
    8. Ihmetteletkö, mihin sinussa ihastuin?

      Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai
      Ikävä
      84
      1378
    9. En ymmärrä miksi minä

      Maailma on täynnä sinulle muita
      Ikävä
      20
      1349
    10. Mitä yhteistä on sulla ja kaivatulla?

      Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko
      Ikävä
      89
      1262
    Aihe