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:
Divit menee päällekkäin
8
356
Vastaukset
- 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
En usko et meistä tulee jotain
Se ei kuitenkaan estä toivomasta et tulisi. Toivon et voitas suudella ja se sais asioita loksahtamaan paikoilleen. Jutel102880- 1152145
Eini paljastaa nuorekkuutensa salaisuuden - Tämä nousee framille: "Se on pakko, että jaksaa!"
Discokuningatar Eini on täyttänyt upeat 64 vuotta. Lavoilla ja keikoilla nähdään entistä vapautuneempi artisti, joka ei431554- 2601398
- 701013
Olen J-mies
Jos kerrot sukunimeni alkukirjaimen, ja asuinpaikkakuntani. Lupaan ottaa yhteyttä sinuun.47911- 55884
Ei sitten, ei olla enää
Missään tekemisissä. Unohdetaan kaikki myös se että tunsimme. Tätä halusit tämän saat. J miehelle. Rakkaudella vaalea na77880- 44795
Ma 30.9 tosiko tv klo 18 suorana Tikkalanmäeltä
Virastolta suorana. Äänestyksistä sitten puhutaan illalla ja huomenna, onko kepuvasemmisto kuntalaisten tahdon mukaan to93736