Forum graficzne Burning-Brushes.pl

Div z atrybutem repeat-y nad divem z atrybutem repeat-x

Witam,
proszę o pomoc przy poprawnym zakodowaniu grafiki.
Mój problem:
Mam na stronie dwa bezpośrednio sąsiadujące ze sobą divy-jeden nad drugim. Div znajdujący się u góry ma stałą, ustaloną szerokość, rozciąga się na linii Y (repeat-y). Div pod nim nie ma bezwzględnie ustalonej szerokości (100%), rozciąga się na lini X, natomiast ma stałą wysokość.
Naturalnie, gdy nie ustalę wysokości boxu u góry oba nachodzą na siebie.

Jak obejść ten błąd tak, aby zachować atrybuty obu divów?

Pozdrawiam



(voythas)

  • Administrator
  • *****
    • Empty walls.
      • Zobacz profil
      • Grafik freelancer - portfolio
    Hej,
    Nie wiem co wykombinowałeś, ale atrybut repeat odnosi się tylko i wyłącznie do tła diva, a nie do jego rozmiaru...

    Pokaż dokładnie kod lub daj link, obmyślimy co robić dalej.

    Pozdrawiam - v.
    [Mess with the best, die like the rest.]

    Moje portfolio


    Divy top, text oraz center

    body {
        font-family: Verdana, Arial;
        font-size: 13px;
        letter-spacing: -1px;
        color: #3e3e3e;
        background: #fff;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    /* LINKI */
    a:link, a:visited {
        text-decoration: none;
        color: #828282;
    }
    a:hover {
        text-decoration: none;
        color: #222;
    }
    /* KONIEC LINKI */
    #top {
        width: 1012px;
        padding: 0px 0px 0px 0px;
        margin: 0px auto;
        display: block;
    }
    #header {
        height: 224px;
        width: 1012px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;   
    }
    #header_logo {
        height: 204px;
        width: 280px;
        max-width: 280px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: left;   
    }
    #header_linki {
        height: 144px;
        width: 732px;
        max-width: 732px;
        padding: 64px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: right;   
    }
    #header_linki_1 {
        line-height: 20px;
        width: 244px;
        max-width: 244px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: left;   
    }
    #header_linki_2 {
        line-height: 20px;
        width: 244px;
        max-width: 244px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: left;   
    }
    #header_linki_3 {
        line-height: 20px;
        width: 244px;
        max-width: 244px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: right;   
    }
    .czyszczenie {
        clear: both;
    }
    #text {
        font-family: Arial;
        font-size: 13px;
        letter-spacing: 0px;
        color: 3e3e3e;
        line-height: 18px;
        text-align: justify;
        width: 968px;
        border: 1px solid #eaeaea;
        background: #fff url(../images/text.jpg) repeat-x;
        padding: 16px 22px 70px 22px;
    }
    #center {
        height: 297px;
        min-width: 1002px;
        width: 100%;
        background: #527590 url(../images/bannery.jpg) repeat-x;
        padding: 0px 0px 0px 0px;
        margin: 20px 0px 0px 0px;
        clear: both;
       
    }
    #center_bannery {
        width: 1012px;
        padding: 50px 0px 0px 0px;
        margin: 0px auto;
    }
    #center_bannery_txt {
        font-size: 15px;
        color: #fff;
        padding: 0px 20px 0px 20px;
    }
    .banner_1 {
        color: #fff;
        height: 160px;
        width: 300px;
        padding: 0px 0px 0px 0px;
        margin: 40px 56px 0px 0px;
        float: left;   
    }
    #banner_2 {
        color: #fff;
        height: 160px;
        width: 300px;
        padding: 0px 0px 0px 0px;
        margin: 30px 0px 0px 0px;
        float: right;   
    }
    #stopka {
        font-size: 13px;
        line-height: 18px;
        color: #828282;
        height: 87px;
        width: 904px;
        border: 1px solid #e8e8e8;
        background: url(../images/stopka.jpg) repeat-x;
        padding: 10px 45px 10px 45px;
        margin: 30px auto;
    }
    #stopka_prawa_autorskie {
        margin: 30px 0px 0px 0px;
    }

    W załączniku wysyłam zrzut ekranu, na którym widać błąd.


    (voythas)

    • Administrator
    • *****
      • Empty walls.
        • Zobacz profil
        • Grafik freelancer - portfolio
      On powinien być jeden pod drugim?

      Mógłbyś przesłać ten plik html/php w którym to masz? Muszę rzucić okiem na układ tam.
      [Mess with the best, die like the rest.]

      Moje portfolio