Alareunaan div

auttakaan

Jos yhden ison divin sisällä on toinen pienempi, niin miten sen pienemmän saa liimattua ison divin alareunaan?

Jos joku tajusi mitä tarkoitan...

6

516

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • hjkp

      #test
      {
      padding: 0 10px 10px 10px;
      float: center;
      width: 180px;
      background: #f6f6f6;
      }
      /*tee esim tuollainen div css tiedostoosi sen jälkeen sinne html tiedostoon lisäät sen*/

      Tässä sisltöä
      tässä sen divin sisältöä

      • nimittäin

        Ei se pieni dev mene alareunalle, jos siinä isossa divissa on jotain korkeampaa kuin tuo pieni div.


    • Höpö.

      -------------------- css --------------------

         #iso {
            border: 1px solid Black;
         }
         #pieni {
            background: #FFEFD5;
            position: relative;
            bottom: 0;
         }

      -------------------- html --------------------

         Lorem Ipsum is simply dummy text of the printing and typesetting industry.
         
         
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent semper ligula ut nisl.
         

      ----------------------------------------

      Nyt on pää vähän jumissa. Jos asetetaan tuon mukaisesti isolle korkeus, niin pieni ei kyllä mene alareunaan. Ei jaksa miettiä enempää, jos joku tietää korjauksen niin kertokoon.

      • Höpö.

        ..divikin jäi sulkematta. Höh.


    • Whitelighter

      Testi

         #ulompi
         {
            position: relative;
            width: 30em;
            height: 20em;
            border: 1px solid #000;
         }

         #sisempi
         {
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: #FF0;
            width: 100%;
            height: 3em;
         }

      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

         
         Curabitur eu sapien et leo nonummy consequat.
         

      Avainasemassa on ulommalle diville annettu "position: relative;" -määritys, jonka ansiosta absoluuttisesti sijoitetun sisemmän divin koordinaatit (left ja bottom) lasketaan suhteessa ulomman divin reunojen sijainteihin.

      • Höpö.

        Aika hämärä logiikka mielestäni. Mutta paremmin tuo näyttää toimivan kuin mun antamani.


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

    Luetuimmat keskustelut

    1. Ukrainan ulkoministeri: Moskova aistii tappion Ukrainassa

      Dmytro Kuleban mukaan Venäjä yrittää puheillaan pelotella länsimaita. Ukrainan ulkoministerin Dmytro Kuleban mukaan Venäjän esittämät varoitukset kol
      NATO
      261
      4197
    2. Stefu haikailee

      Julkaisi stooreissa kuvan vickestä. Sitten Martinasta treenaamassa Hangossa ulkona. Hmm.
      Kotimaiset julkkisjuorut
      265
      3429
    3. Harmi mies ettet arvostanut

      Minua tarpeeksi. Myöhemmin kaikki olisi palkittu ja olisin antanut sinulle aitoa rakkautta. Tämä sattuu mutta yritän ajatella, että ehkä se rakkaus ku
      Ikävä
      154
      1788
    4. Oi! Legandaarinen Vesa-Matti "Vesku" Loiri, 77, poseeraa kahdessa eri kuvassa - Some riemastui!

      Vesa-Matti "Vesku" Loiri on kyllä legenda jo eläessään. Hienoa nähdä, että virtaa piisaa. Voimia, iloa ja eloa, Vesku! https://www.suomi24.fi/viihde
      Suomalaiset julkkikset
      25
      1647
    5. Lavrov väläyttelee WW3:sta

      Venäjän ulkoministeri Sergei Lavrov varoittaa, että kolmannen maailmansodan uhka on todellinen. Lavrov sanoi venäläiselle uutistoimisto Interfaxille,
      Maailman menoa
      297
      1422
    6. Ketä Sofia fanit veikkaatte seuraavaksi lompakoksi?

      Kenestä Sofia höynäyttää itselleen seuraavan lompakon?
      Kotimaiset julkkisjuorut
      132
      924
    7. Voiko hyvää omatuntoa ostaa?

      Olen tässä nyt muutaman päivän paininut erään rahaan liittyvän pulman kanssa. Kerron ensin vähän taustaa ... Eli erosin 15 vuoden parisuhteesta 9 vuo
      Sinkut
      235
      855
    8. en vaan saa häntä pois

      Mielestäni pyörimästä. Onko kellekään toiselle käynyt näin? Ihastuin pakkomielteisesti noin vuosi sitten erääseen naiseen. Ei vaan katoa mielestä va
      Ikävä
      115
      824
    9. Suomi24 kysely: ihmisten kuplautumista ei pääosin koeta vakavaksi ongelmaksi

      “Kuplautumista on mahdotonta estää. Ihmiset ovat aina viihtyneet samankaltaiset arvot ja maailmankatsomuksen jakavassa seurassa ja muodostaneet sen pe
      Suomi24 Blogi ★
      17
      791
    Aihe