| Autor | Zpráva | ||
|---|---|---|---|
| ondra15 Profil |
#1 · Zasláno: 27. 10. 2010, 15:53:29
Ahoj, mám web odkaz a mám problém se středovým sloupcem. V každém prohlížeci se zobrazuje jinak jeho délka. Střední sloupec je díky kulatým rohům rozdělen na top, streda bottom. A ikdyž mám u středu opakování v ose y, problém to neřeší. Přikládám obrázek špatného zobrazení a správného zobrazení
Přikládám i CSS: #center_column {
position: relative;
top: 153px;
left: 19px;
float: left;
width: 540px;
margin: 5px 3px 10px 8px;
}
#center_column .top {
background: url(/elenestar/images/obsahpatkatop.png);
width: 540px;
height: 40px;
padding: 0 0 0px 0;
margin-bottom: 0;
}
#center_column .stred {
background: url(/elenestar/images/obsah_back.png) repeat-y;
width: 540px;
margin-bottom: 0;
}
.obsah {
padding: 0px 0 10px 0;
}
#produkt {
background: #3AE5F4;
margin: 0px 0px 10px 20px;
padding-bottom: 10px;
width: 500px;
height: 150px;
}
#velky_produkt {
background: #3AE5F4;
margin: 0px 0px 0px 20px;
padding-bottom: 10px;
width: 500px;
}
#produkt h4, #presny_popis h4 {
font-size: 14px;
padding-top: 3px;
margin: 0px 10px 1px 15px;
color: #324C4E;
}
#velky_produkt h3 {
font-size: 16px;
padding: 3px 3px 3px 0px;
margin: 0px 10px 1px 5px;
color: #324C4E;
}
#produkt img.small_images, #velky_produkt img.big_images {
float: left;
margin: 3px 10px 5px 10px;
}
#produkt p.small_info, #velky_produkt p.small_info {
font-size: 11px;
text-align: justify;
margin: 0px 10px 10px 5px;
padding-top: 10px;
}
#produkt .parametry {
font-size: 11px;
color: #4B5132;
float: right;
margin: 10px 10px 10px 5px;
}
#velky_produkt .ncena {
font-size: 14px;
color: #4B5132;
font-weight: bolder;
}
#produkt .cena, #velky_produkt .cena {
font-size: 13px;
font-weight: bolder;
color: #000;
}
#produkt a.more_info, #produkt a.kontaktujte, #velky_produkt a.kontaktujte {
font-size: 11px;
text-decoration: none;
color: #393C29;
}
#center_column a.more_info:hover, #center_column a.kontaktujte:hover, #center_column a.kontaktujte:hover {
font-size: 11px;
text-decoration: underline;
color: #393C29;
}
#presny_popis {
clear: both;
}
#presny_popis p {
padding: 2px 7px 7px 7px;
color: #000;
font-size: 0.86em;
text-align: justify;
}
#center_column table.ceny {
margin: 3px 0 0 0;
float: left;
width: 184px;
}
#center_column table.parametry {
margin: 3px 0 0 10px;
float: left;
width: 480px;
}
#center_column td.light1 {
font-size: 12px;
padding: 3px 0 3px 5px;
}
#center_column tr.druhy {
background: #A8AAF9;
}
#center_column tr.prvni {
background: #fff;
}
#center_column td.light11 {
font-size: 12px;
padding: 3px 0 3px 5px;
width: 120px;
}
#center_column table.ceny a {
font-size: 12px;
padding: 3px 0 3px 0px;
color: #4B5132;
text-decoration: underline;
}
#center_column table.ceny a:hover {
font-size: 12px;
padding: 3px 0 3px 0px;
color: #4B5132;
text-decoration: none;
}
#center_column .bottom {
background: url(/elenestar/images/obsahpatkaboton.png);
width: 540px;
height: 33px;
margin-top: 0;
}Předem díky za každou radu |
||
| Tori Profil |
#2 · Zasláno: 27. 10. 2010, 16:28:56 · Upravil/a: Tori
viz clear
Před konec neoznačeného divu, za poslední tabulkou, přidejte prázdný div s minimálními rozměry (výška i výška řádku) a clear:both. Btw proč máte vlastně tabulky v divech, které nemají (-li se nepletu) nastavený žádný styl kromě display:block (přitom div i table jsou blokové prvky)? Když jsem je v konzoli vyhodila a nechala jen tabulky, vypadalo to celkem stejně. |
||
| ondra15 Profil |
#3 · Zasláno: 27. 10. 2010, 16:53:04
Děkuju. Jak jednoduché a prosté:-)
|
||
|
Časová prodleva: 16 let
|
|||
0