| Autor | Zpráva | ||
|---|---|---|---|
| kovar Profil |
#1 · Zasláno: 13. 5. 2014, 13:43:16
Dobrý den,
potřebuji vycentrovat wrapper stránky. Chci, aby i když byl jeho obsah větší než rozlišení prohlížeče, tak aby byl na střed. Nejspíše se to bude dělat přes absolutní pozicování na horizontální střed a odsunutí margin-left do záporna, ale nevím, jak na to. Můžete mi poradit, prosím? Jak by měl vypadat takový css wrapperu? Děkuji Vám velmi, kovar |
||
| Tomáš123 Profil |
#2 · Zasláno: 13. 5. 2014, 13:54:52
kovar:
HTML: <div id="wrapper">
<divy, divy,divy...>
</div>CSS: #wrapper {
width: 800px;
margin: 0 auto; /*ak bude rozlíšenie väčšie ako 800px, bude wrapper v strede, ak bude menšie, objaví sa posuvník (to sa ale dá vyriešiť responzívnym dizajnom, alebo použitím max/min-width).*/
} |
||
| anonymníí Profil * |
#3 · Zasláno: 13. 5. 2014, 14:02:46
Tomáš123:
Neopovísdáš na dotaz. Řeší se přesně opačná situace, kdy obsah je větší než okno prohlížeče. kovar: Uvažujme šířku 960px: #wrapper {width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px;}Otázka pak je, co chceš dělat s těmi okraji. Tímto způsobem je zahodíš, chceš je mít skrolovatelné? |
||
| Tomáš123 Profil |
#4 · Zasláno: 13. 5. 2014, 14:17:18
anonymníí:
Diki, až teraz som pochopil otázku, sorry za keci mimo tému. |
||
| Bubák Profil |
#5 · Zasláno: 13. 5. 2014, 14:32:32
kovar:
Máš nějaký důvod centrovat pozicováním? Co se má stát při obsahu větším, než je obal, určuje CSS vlastnost overflow. anonymníí: „Řeší se přesně opačná situace, kdy obsah je větší než okno prohlížeče.“ To se standardně řeší tak, že se objeví posuvník. |
||
| anonymníí Profil * |
#6 · Zasláno: 13. 5. 2014, 14:51:21
Bubák:
„To se standardně řeší tak, že se objeví posuvník.“ ano, kovar ale zřejmě standardní řešení nechce. Z otázky vyplývá (alespoň mě), že v okně širokém třeba 800px chce zobrazit střed wrapperu širokého 960px. A to jinak než mnou popsaným způsobem nejde. Pokud chce něco jiného, něco standardnějšího, musí lépe položit dotaz. |
||
| kovar Profil |
Zdravím a děkuji za odpovědi,
potřebuji, aby se to chovalo podobně jako tento web: http://www.vsp-auto.cz/ Má fixní velikost wrapperů, ale když je menší rozlišení prohlížeče, tak se slider "ořízne" ze stran, ale zůstane pořád na středu a nezobrazí se horizontální posuvník. Díky za pomoc! |
||
| Trejpa Profil |
#8 · Zasláno: 13. 5. 2014, 16:36:20
kovar:
„potřebuji, aby se to chovalo podobně jako tento web“ Normálně omezená šířka středního sloupce (obsahu). Zanořený blok, co má přesahovat, bude mít záporný levý a pravý margin v potřebné šířce. |
||
| kovar Profil |
#9 · Zasláno: 14. 5. 2014, 10:33:11
Trejpa:
Zdravím, tomu nerozumím, mohli byste být "polopatičtější", prosím? |
||
| Trejpa Profil |
#10 · Zasláno: 14. 5. 2014, 11:32:50
kovar:
Ukázka. K oříznutému obsahu vlevo se nepůjde dostat, vpravo bude možnost použít vodorovný posuvník. |
||
| kolemjdoucí Profil * |
#11 · Zasláno: 14. 5. 2014, 11:45:48
Asi to budeš muset vyřešit scriptem. Zjistit skutečnou šířku okna, pak odečíst šířku wrapperu, když je větší, než 0, tak rozdíl podělit dvěma a nechat odscrolovat o ten počet. Pak by měl být přístup na obě strany.
Bohužel se musím pakovat, odjíždím za hranice a nemám, bohužel, víc času se tím podrobněji zabývat. Ale nemuselo by to být pomocí jQeury moc složité. |
||
| Fisir Profil |
#12 · Zasláno: 14. 5. 2014, 16:01:30
Reaguji na kolemjdoucího:
Script je zbytečný, navíc je to další zátěž, kterou s sebou bude stránka tahat a ještě k tomu se na chvíli objeví neopravená verze, která pak problikne na přepočítanou. jQuery je ještě větší zbytečnost, toto není tak těžké v normálním JavaScriptu, aby se na to musela tahat stokilová knihovna. |
||
|
Časová prodleva: 10 let
|
|||
0