Autor | Zpráva | ||
---|---|---|---|
juriad Profil |
#1 · Zasláno: 13. 12. 2012, 21:46:30
Mám horizontálně centrovanou stránku, která má pevně široký #content; uvnitř #content je obecně cokoli (je to být výsledek wiki-markupu), tedy klidně i širóká tabulka. Jde o to, že #content musí za každou cenu zůstat stejně široký, jeho obsah se může klidně horizontálně skrolovat, ale on sám se nesmí hnout.
Z tohoto požadavky vyplývá overflow-x: auto
Součástí obsahu bývají skryté absolutně pozicované prvky, které se zobrazí při hoveru či kliknutí (všemožné date-pickery, user-pickery). Často jsou velice dlouhé, a tak by se stránka měla natáhnout => scrollbar pro body ne #content U #content žádné posuvníky nechci, chci použít defaultní hodnotu overflow-y: visible
Bohužel overflow-x:auto pro mě implikuje overflow-y:auto (poslední černý odstavec http://www.w3.org/TR/2002/WD-css3-box-20021024/#the-overflow-x) a tedy se zobrazí i vertikální posuvníky, které nechci.
Zbastlil jsem ukázku, která simuluje pevně širokou stránku s tabulkou. Při najetí na buňku s AAAAA se zobrazí absolutně pozicovaný seznam uživatelů, kteří přesahují velikost #content. Ale #content se při jejich zobrazení nenatáhne; #content dostane vertikální scrollbar. Liché řádky se chovají ekvivaleně jako v ostrém projektu. Na sudých řádkách jsem vyhodil div (to si na ostrém projektu dovolit nemůžu) a chová se to úplně divně. Může mi někdo vysvětlit, proč se liší chování lichých a sudých řádků? Nejspíš to bude souviset s vlastností display (table-cell oproti block) Chci, aby div .c byl zobrazen neomezeně jako na sudých řádcích, ale pozicovaný jako na lichých řádcích. Po zakomentování overflow-x se na výšku zobrazí seznam uživatelů dobře, ale na druhou stranu #content si nezachová šířku.
Problém se projevuje minimálně ve Firefoxu (v jiných prohlížečích jsem netestoval, protože to musí fungovat i ve firefoxu), je nutná podpora od IE8 výš. Máte nějaký tip na řešení? |
||
Časová prodleva: 11 let
|
0