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
Ei ymmärrä
8
434
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
Orpo hiiri kadoksissa, Marin jo kommentoi
Kuinka on valtiojohto hukassa, kun vihollinen Grönlantia valloittaa? Putinisti Purra myös hiljaa kuin kusi sukassa.1176319Lopeta jo pelleily, tiedän kyllä mitä yrität mies
Et tule siinä onnistumaan. Tiedät kyllä, että tämä on just sulle. Sä et tule multa samaan minkäänlaista responssia, kosk3796135Nuori lapualainen nainen tapettu Tampereella?
Työmatkalainen havahtui erikoiseen näkyyn hotellin käytävällä Tampereella – tämä kaikki epäillystä hotellisurmasta tie695930Tampereen "empatiatalu" - "Harvoin näkee mitään näin kajahtanutta"
sanoo kokoomuslainen. Tampereen kaupunginvaltuuston maanantain kokouksessa käsiteltävä Tampereen uusi hyvinvointisuunni3443962Lidl teki sen mistä puhuin jo vuosikymmen sitten
Eli asiakkaat saavat nyt "skannata" ostoksensa keräilyvaiheessa omalla älypuhelimellaan, jolloin ei tarvitse mitään eril1452365Ukraina, unohtui korona - Grönlanti, unohtu Ukraina
Vinot silmät, unohtui Suomen valtiontalouden turmeleminen.42345Orpo pihalla kuin lumiukko
Onneksi pääministerimme ei ole ulkopolitiikassa päättäjiemme kärki. Hänellä on täysin lapsellisia luuloja Trumpin ja USA1191403- 121231
- 1851077
- 59887