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

429

    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. Persujen mukaan rasismi on huumoria

      Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀
      Maailman menoa
      185
      5380
    2. Rasismia kaikkialla näkevät ovat Suomen tyhmimpiä ihmisiä

      ja monillahan kuluu myös mielialalääkkeitä, eli päässä on ongelmia. Mutta he eivät tajua kuinka paljon ja ihan todellis
      Maailman menoa
      128
      5308
    3. BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön

      Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että
      Maailman menoa
      214
      4142
    4. 218
      3376
    5. Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta

      Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome
      Maailman menoa
      123
      3168
    6. Hallitus on kaadettava ja Orpon on erottava

      Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main
      Maailman menoa
      104
      3114
    7. HS 12/25 kysely: persut romahti, demarit raketoi

      Kyyti on kylmää persuleirissä, saattaa vetää siellä silmätkin viirulleen. Sen sijaan SDP:n puoluetoimistolla voidaan pok
      Maailman menoa
      19
      2941
    8. Lasse Lehtonen palasi ambulanssilennolla Suomeen

      Nyt on syytä lopettaa irvailu.
      Maailman menoa
      127
      1904
    9. Rasismi rapauttaa Suomen mainetta ja hallituksen hiljaisuus pahentaa vahinkoa

      Finnairin viesti Japanista on pysäyttävä: suomalaisen politiikan rasismikohut heijastuvat suoraan matkustuspäätöksiin ja
      Maailman menoa
      164
      1867
    10. 61
      1389
    Aihe