Divit menee päällekkäin

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>

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.