Rezultate 1 la 5 din 5

Subiect: Problema CSS

  1. #1
    Avatarul lui Federals
    Federals este deconectat Ambasador
    Reputatie:
    32
    Data înscrierii
    29th November 2007
    Locaţie
    Bucuresti
    Posturi
    612
    Putere Rep
    32


    Implicit 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!

  2. #2
    Avatarul lui Augustin
    Augustin este deconectat Membru SeoPedia
    Reputatie:
    33
    Data înscrierii
    7th July 2006
    Vârstă
    45
    Posturi
    110
    Putere Rep
    33


    Implicit

    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?
    Ultima modificare făcută de Augustin; 18th February 2009 la 20:16.

  3. #3
    Avatarul lui Federals
    Federals este deconectat Ambasador
    Reputatie:
    32
    Data înscrierii
    29th November 2007
    Locaţie
    Bucuresti
    Posturi
    612
    Putere Rep
    32


    Implicit

    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".

  4. #4
    Avatarul lui Augustin
    Augustin este deconectat Membru SeoPedia
    Reputatie:
    33
    Data înscrierii
    7th July 2006
    Vârstă
    45
    Posturi
    110
    Putere Rep
    33


    Implicit

    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.

  5. #5
    Avatarul lui Federals
    Federals este deconectat Ambasador
    Reputatie:
    32
    Data înscrierii
    29th November 2007
    Locaţie
    Bucuresti
    Posturi
    612
    Putere Rep
    32


    Implicit

    Am inteles acum! Mersi!

Informații subiect

Utilizatori care navighează în acest subiect

Momentan este/sunt 1 utilizator(i) care navighează în acest subiect. (0 membrii și 1 vizitatori)

Thread-uri Similare

  1. am si eu o problema! Help!
    De paulpadurariu în forumul Bar, lobby...
    Răspunsuri: 5
    Ultimul Post: 25th February 2009, 18:54
  2. Problema WP
    De eamc în forumul Dezbateri SEM
    Răspunsuri: 9
    Ultimul Post: 19th December 2008, 14:48
  3. problema. help!
    De catalindeva în forumul Server side
    Răspunsuri: 2
    Ultimul Post: 26th February 2008, 07:03
  4. Am si eu o problema...
    De zbrexter în forumul Discutii generale privind optimizarea si motoarele de cautare
    Răspunsuri: 2
    Ultimul Post: 4th September 2007, 02:28
  5. Problema
    De miealex în forumul E-mail SPAM
    Răspunsuri: 6
    Ultimul Post: 27th April 2007, 19:27

Permisiuni postare

  • Nu puteţi posta subiecte noi.
  • Nu puteţi răspunde la subiecte
  • Nu puteţi adăuga ataşamente
  • Nu puteţi modifica posturile proprii
  •