Autor Zpráva
ondra15
Profil
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
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
Děkuju. Jak jednoduché a prosté:-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: