Witamy, Gość. Zaloguj się lub zarejestruj.

Autor Wątek: Div z atrybutem repeat-y nad divem z atrybutem repeat-x  (Przeczytany 2871 razy)

0 Użytkowników i 1 Gość przegląda ten wątek.

Eddie_T.H.

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
    • Blog
Div z atrybutem repeat-y nad divem z atrybutem repeat-x
« dnia: Wrzesień 17, 2010, 15:57:31 »
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)

Odp: Div z atrybutem repeat-y nad divem z atrybutem repeat-x
« Odpowiedź #1 dnia: Wrzesień 17, 2010, 18:53:13 »
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

Eddie_T.H.

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
    • Blog
Odp: Div z atrybutem repeat-y nad divem z atrybutem repeat-x
« Odpowiedź #2 dnia: Wrzesień 18, 2010, 15:08:10 »
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)

Odp: Div z atrybutem repeat-y nad divem z atrybutem repeat-x
« Odpowiedź #3 dnia: Wrzesień 19, 2010, 13:56:45 »
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