• Welcome to Forum graficzne Burning-Brushes.pl. Please log in or sign up.
 

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

Zaczęty przez Eddie_T.H., Wrzesień 17, 2010, 17:57:31

Poprzedni wątek - Następny wątek
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


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.

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