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: 13 let
|
0