divit päällekäin vaikkei pitäisi

AkeMake

Muokkaan erään yrityksen (ei url osoitteessa esiintyvä) nettikaupan ulkoasua ja siellä tuli eräs ongelma vastaan. Tein pikaisesti paintilla kuvan, josta pitäisi käydä selville ongelmani ja diveissä käyttämäni css-koodi. Toivottavasti saatte ongelmasta selvää ja saan vastauksia.
www.ekosolry.com/ongelma.jpg

4

439

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • ssssaaaasssasaa

      Validoi html alkuun ja että doctypet ovat olemassa ja niin eespäin. En saanut äkkinäisesti tuollaista ongelmaa keksimälläkään jotenka en kyllä ossoo muuta sanoa :/

      • AkeMake

        Sivulta löytyy kyllä doctypet:  < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

        Nyt kun kokeilin tehdä testisivun pelkästään noista sanomistani arvoista niin huomasin, että tämä laatikko2 ei menekään laatikko1:n päälle vaan se tulee täysin oikein laatikko1:n alapuolelle. Ongelma onkin siinä, että tämä laatikko2:ssa määritelty tausta alkaa jo laatikko1:n kohdalta eikä sen alapuolelta laatikko2:n kohdalta.
        Mitenkä saan tuon laatikko2:n taustan alkamaan tästä mistä itse laatikkokin eikä tuolta ylempää laatikko1:n kohdalta?


      • css_sebastian
        AkeMake kirjoitti:

        Sivulta löytyy kyllä doctypet:  < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

        Nyt kun kokeilin tehdä testisivun pelkästään noista sanomistani arvoista niin huomasin, että tämä laatikko2 ei menekään laatikko1:n päälle vaan se tulee täysin oikein laatikko1:n alapuolelle. Ongelma onkin siinä, että tämä laatikko2:ssa määritelty tausta alkaa jo laatikko1:n kohdalta eikä sen alapuolelta laatikko2:n kohdalta.
        Mitenkä saan tuon laatikko2:n taustan alkamaan tästä mistä itse laatikkokin eikä tuolta ylempää laatikko1:n kohdalta?

        lisääpä laatikko 2:en styleen clear:both;. Pitäisi ratkaista ongelman.


      • AkeMake
        css_sebastian kirjoitti:

        lisääpä laatikko 2:en styleen clear:both;. Pitäisi ratkaista ongelman.

        No jopas. Ongelmahan ratkesi sillä todella yksinkertaisesti. Kiitoksia todella paljon. :D Melkein arvasinkin, että ratkaisu on jokin yksinkertainen, mutta vaikka kokeilin kaikenlaista niin en löytänyt ratkaisua. Yritin pääsääntöisesti rukata tuota laatikko1:sen styleä, joten sen takia en ratkaisua löytänyt. Kiitoksia vielä kerran hirveästi!! :)


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. En usko et meistä tulee jotain

      Se ei kuitenkaan estä toivomasta et tulisi. Toivon et voitas suudella ja se sais asioita loksahtamaan paikoilleen. Jutel
      Ikävä
      10
      2880
    2. Kuvaile itseäsi

      Kaivatullesi, niin että hän sinut tunnistaa.
      Ikävä
      115
      2145
    3. 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 ei
      Suomalaiset julkkikset
      43
      1554
    4. Huomenta keskipäivää

      Kivaa päivää mukaville ja söpösille. 🐺🫅❤️☕☀️
      Ikävä
      260
      1398
    5. Oletko koskaan katunut kun

      elämäsi tilaisuus jäi käyttämättä? 💔
      Ikävä
      70
      1013
    6. Olen J-mies

      Jos kerrot sukunimeni alkukirjaimen, ja asuinpaikkakuntani. Lupaan ottaa yhteyttä sinuun.
      Ikävä
      47
      911
    7. Sinusta näkee että

      Kaipaat paljon.
      Ikävä
      55
      884
    8. 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 na
      Ikävä
      77
      880
    9. Haluaisin ottaa sinut syleilyyni mies

      Olet suloinen...
      Ikävä
      44
      795
    10. Ma 30.9 tosiko tv klo 18 suorana Tikkalanmäeltä

      Virastolta suorana. Äänestyksistä sitten puhutaan illalla ja huomenna, onko kepuvasemmisto kuntalaisten tahdon mukaan to
      Pyhäjärvi
      93
      736
    Aihe