Problem je jednostavan, dakle treba mi tableless layout s 3 kolone
(leva: fiksna, srednja: liquid, desna: fixna)
i rešenje koje će da mi prikaže isto tako tableless formu u srednjoj koloni.
Konkretno mislim na formu gde je label levo a input-i desno, a labeli su desno-poravnati, i da to bude cross-browser (barem za IE6+, Firefox 1.5+ i Operu 8+).
E sad, rešenja za jedno ILI drugo ima mali milion, manje ili više elegantnih, i probao sam mirijade, ali za jedno I drugo, zajedno, nisam uspeo.
U stvari, uspeo sam da nađem rešenje koje radi u IE 6 i Firefoxu, i njime sam trenutno zadovoljan, ali ne radi u Operi, i to me mnogo nervira (mada za praktičnu upotrebu zadovoljava, jer slabo da će iko iz Opere da gleda taj sajt, ali ipak...
Konkretno, browseri se bune oko
cleara i
floatova.... Sve tri kolone su nekako floatovane, i clear sme da se stavi samo footeru ili lažnoj koloni koja je ispod ovog layouta. Što je ok dok u sadržaj jedne od kolone ne dođe forma koja ima svoje floatove... Ako stavim bilo kakav clear, forma se prikaže tek
ispod kompletnih sadržaja preostalih kolona (bez obzira što je taj sadržaj u drugim kolonama - forma se pozicionira tako da napravi mesta za visinu sadržaja one kolone s one strane na koju je clear). Ako skinem clear sve izgleda lepo, sem u Operi koja se ponaša kako da stoji clear:both.
Napominjem da se ne bavim mnogo dizajnom (uglavnom čukam kod na postojeći dizajn ili krpim tuđe kodove), tako da sam tek od nedavno odlučio da uskočim na strict "xhtml && tableless css" bandwagon, ali prekopao sam google uzduž i popreko i nigde nisam našao da iko pominje išta slično, i to me izluđuje... Valjda neko ovde ima neko suvislo, jednostavno, i elegantno rešenje?
