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
429
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
Persujen mukaan rasismi on huumoria
Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀1855380Rasismia 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 todellis1285308BOIKOTOIN - 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ä2144142- 2183376
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 Suome1233168Hallitus 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 main1043114HS 12/25 kysely: persut romahti, demarit raketoi
Kyyti on kylmää persuleirissä, saattaa vetää siellä silmätkin viirulleen. Sen sijaan SDP:n puoluetoimistolla voidaan pok192941- 1271904
Rasismi rapauttaa Suomen mainetta ja hallituksen hiljaisuus pahentaa vahinkoa
Finnairin viesti Japanista on pysäyttävä: suomalaisen politiikan rasismikohut heijastuvat suoraan matkustuspäätöksiin ja1641867- 611389