-
Problema CSS
Salut!
Am o problema cu unul din div-uri, acesta apare mai jos decat normal si toate incercarile pe care le-am facut au esuat.
Asta e HTML-ul: http://pastebin.com/m24d8fb4
Iar asta e CSS-ul: http://pastebin.com/dd3023dd
Problema e la clasa .bottombox-content, div-ul respectiv se duce mai jos decat div-ul cu clasa .bottombox-container, in care acesta e inclus.
Am incercat si cu pozitionare relativa, si absoluta, si margin... nu a mers.
Ma puteti ajuta?
Asta e varianta gresita, pe care o am acum: http://img252.imageshack.us/my.php?image=gresithy9.jpg
Asta e varianta corecta, care nu-mi iese: http://img15.imageshack.us/my.php?image=corectpt6.jpg
Mersi!
-
Correct me if I'm wrong:
.bottombox-container {height:106px;}
IN div-ul .bottombox-container BAGI:
<div class="bottombox-left"></div>
<div class="bottombox-right"></div>
<div class="bottombox-gradient"></div> {height:106px;}
dupa care mai bagi:
.bottombox-content
Problema:
.bottombox-container este ocupat pe toata inaltimea de:bottombox-gradient
iar cand bagi .bottombox-content, deja ala vine in "afara" lui .bottombox-container
Comprende?
-
A mers cu pozitionare relativa dupa ce am facut clear: both. Nu prea inteleg proprietatea asta, dar o vad pusa peste tot intr-o clasa "clearfix".
-
vezi ca tu ai o problema, fixu tau e posibil sa nu se afiseze corect pe viitor sau pe anumite browsere pentru ca folosesti un principiu ne-ortodox:
ai un container care are un height fix, in el bagi in div (gradient) cu height egal cu containeru PLUS divu content, asta inseamna ca practic containeru e ocupat de cineva si tu mai inghesuiesti acolo inca ceva in plus.
proprietatea clear:
http://www.w3schools.com/Css/pr_class_clear.asp
In general e folosita dupa elemente cu float pentru a anula floatul pentru elementele urmatoare.
-
Am inteles acum! :D Mersi!