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

446

    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 kannatusromahdus ilahduttaa

      Siin' ei hyvä häviä. Luotto parempaan tulevasuuteen alkaa taas palautua.
      Maailman menoa
      149
      4473
    2. Avopuoliso, mies-/naisystävä vai mikä?

      Kävin eilen irl keskustelun, joka jätti minut pohtimaan seuraavaa ... millä nimityksellä kutsua henkilöä, jonka kanssa o
      Ikävä
      184
      2994
    3. Riikka ohoi! Saksa alensi bensaveroa, missä euron bensa?

      Perussuomalaisten yksi vaalilupauksista oli euron bensiini suomalaisille autoilijoille. Ei ole näkynyt. Jopa vasemmis
      Maailman menoa
      19
      2721
    4. Huvittava ilmiö: Vasemmistolaiset uskoo sokeasti SDP:n parantavan heidän

      elämäänsä, jos demarit johtaa seuraavaa hallitusta (Kyse on siis palstan vasemmistolaisista) Totuus on toinen, nimittäi
      Maailman menoa
      87
      2707
    5. Pitkän päivän ilta

      Tarina elämättömästä miehestä, jonka elämän täytti velvollisuudentunto. Pikkutarkka, huolellinen, hyvällä katsottu, miel
      Ikävä
      126
      2357
    6. Totuus sattui demareihin, vaativat asiallisen jutun poistoon

      ja oli vielä suosittu, mutta kun demarit tarpeeksi valittivat, niin poistettiin. Raukkamaista toimintaa. Eli siis juttu
      Maailman menoa
      53
      1966
    7. Tulipalo rivitalossa, tuhoutuu täysin

      Kainuun pelastuslaitos sai hieman puolenyön jälkeen maanantaina ilmoituksen rivitalon huoneistossa syttyneestä tulipalos
      Puolanka
      32
      1908
    8. En selvinnyt ilman naarmuja

      Vaikka ehkä kuvittelin sen olevan ilmoitusluonteinen asia, jonka jälkeen kaikki palaa entiselleen ja ilma puhdistuu. Naa
      Ikävä
      13
      1805
    9. Miksi Kuhmolaiset on niin nyrpeä ilmeisiä?

      Miksi suurin osa (ei onneksi kaikki) on niin typääntyneen näkösiä elämäänsä? Tuijotetaan toisia pahansuopaisesti ja kat
      Kuhmo
      10
      1553
    10. Olet ainutlaatuinen

      Sinussa on jotain, jota en osaa oikein edes pukea sanoiksi. Jotain paljon syvempää, kuin ulkoinen ihanuutesi. Jotain ain
      Ikävä
      38
      1069
    Aihe