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

351

    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. Haluaisitko nähdä

      Hänet alastomana?
      Ikävä
      74
      3630
    2. Hilirimpsistä

      Hyvää huomenta ja kivaa päivää. Ilmat viilenee. Niin myös tunteet. 🧊☕✨🍁❤️
      Ikävä
      201
      2982
    3. Nainen lopeta pakoon luikkiminen?

      Elämä ei oo peli 😔😟
      Ikävä
      25
      2880
    4. Älä elättele

      Toiveita enää. Ihan turhaa. Sotku mikä sotku.
      Ikävä
      49
      2758
    5. Olet täällä. Mutta ei minulle.

      Nyt olen tästä 100% varma. Satuttaa. T: V
      Ikävä
      23
      2663
    6. Kuule rakas...

      Kerrohan minulle lempivärisi niin osaan jatkaa yhtä projektia? Arvaan jo melkein kyllä toki. Olethan sinä aina niin tyyl
      Ikävä
      41
      2455
    7. Miten hitsissä ulosoton asiakas?

      On tää maailma kumma, tässä haisee suuri kusetus ja ennennäkemättömän törkeä *huijaus*! Miten to.monen kieroilu on edez
      Kotimaiset julkkisjuorut
      251
      2149
    8. Törmättiin tänään

      enkä taaskaan osannut reagoida fiksusti. Menen aina lukkoon. Yksi asia on varma: tunteeni sinua kohtaan ovat edelleen v
      Ikävä
      24
      1897
    9. Kela valvoo lasten tilejä.

      Tämä isoveli Kela kyttää jopa lasten yli 200,- euron rahat jotka on melko varmasti lahjaksi saatu. Se vaikuttaa perheen
      Yhteiskunta
      190
      1833
    10. Vieläkö sä

      Rakastat mua?❤️😔
      Ikävä
      44
      1827
    Aihe