3 tabuľky vedľa seba

Len tak si tvorím nejakú stránku, kde chcem mať tri tabuľky vedľa seba. Naľavo a napravo stĺpec a celý stred vyplní tretia, vycentrovaná tabuľka. Šírku v CSS nastavujem na % aby stránka bola rovnako vyplnená na rôznych rozlíšeniach.

Toto je časť CSS:

.lefttab{
	clear: left;
	float: left;
	width: 17%;
}
.centertab{
	float: center;
	clear: center;
	width: 64%;
}
.righttab{
	float: right;
	clear: right;
	width: 17%;
}

V Maxthone stránka vyzerá tak ako chcem:

Vo Firefoxe a Opere už tradične úplne zle:

Skúšal som aj v kóde stránky zmeniť poradie tabuliek, ale efekt bol ešte horší (momentálne je ľavá, po nej pravá a nakoniec stredná tabuľka)

Takže ako to spraviť, aby stránka v Opere a FF vyzerala tak isto ako v Maxthone (IE)?

Celý kód stránky je v zipe v prílohe.

3_stlpce_kod.zip

Mno, float: center neexistuje, cleary nejsou potřeba, jinak by to mělo být ok (to procentuální definování šířky by snad vadit nemělo),

může být klidně left/left/left nebo left/left/right nebo left/right/right, jen si pohrej s marginama; aby prostřední byl uprostřed

tak by to snad šlo takto (pořadí v html)...kdyžtak otestuj

levý: left, pravý: right, střední: left nebo right;clear: both;margin: 0 auto;

Stačilo to zmeniť takto:

.centertab{
	float: left;
	width: 64%;
	margin: 0px 10px 0px 10px;
}

Problém je len v tom, že pri nižšom rozlíšení stredná tabuľka sa posunie pod ľavú a pravu (FF, Opera). V IE sa automaticky prispôsobí veľkosti okna a stále je medzi oboma v strede.

Zajtra sa viac s tým pohrám.