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