Autor Zpráva
jirkasak15
Profil
Ahoj, mohl by mi nekdo pomoct s problemem jak nastavit šířky třídy tak, aby byly podle obráku níže s ohledem na to, že každý navštěvník bude mít jiné rozlišení okna prohlížeče, pokud to teda nějak jde udělat.

Děkuji.

Sir Tom
Profil
jirkasak15:
Ahoj, co třeba přes pozicování?
<div style="position: absolute; top: 0px; left: 0px; width: 200px; height: 100%; background: red;"></div>
<div style="position: absolute; top: 0px; left: 210px; right: 0px; height: 100%; background: blue;"></div>
panther
Profil
Sir Tom:
pozicování je zbytečné, spíše špatné.

jirkasak15:
třeba takto:
<style>
.levy {float: left; width: 200px; background: red;}
.pravy {margin: 0 0 0 210px; background: green;}
</style>

<div class=levy>Obsah leveho</div>
<div class=pravy>Obsah praveho</div>
Sir Tom
Profil
panther:
Ano, také řešení. Těch možností je spousta. Proč je pozicování špatné?
Nox
Profil
Ignoruje obsah, při změně budeš vše muset ručně přepočítávat, float+margin je takové solidnější řešení
panther
Profil
Sir Tom:
přesně, jak napsal Nox. Nevíš, jak dlouhý bude obsah, a i kdybys to náhodou věděl, nemůžeš nastavit pozicovanému bloku výšku. Tím bys zamezil možnosti zvětšit si velikost textu na stránce.

Pozicování je dobrá věc, pokud kodér ví, proč a jak jej chce využít. Pro stavbu layoutu je nevhodný. Pro začátečníka dvojnásob.
pcmanik
Profil
panther:
V akom prehliadaci sa nebude dat zvetsit ten text? Testoval som Mozillu, Operu, Chrome, a aj IE 7 - 9 vratane quirks a vsade to funguje.
jenikkozak
Profil
pcmanik:
Pokud bude něco těmto třem blokům předcházet (bude-li tedy něco uvedeno nad nimi; ze schématu to není zřejmé), narazíš v každém prohlížeči.
pcmanik
Profil
jenikkozak:
Dobre, dakujem za objasnenie, nebolo mi to jasne, nakolko mam teraz jeden design hotovy z vacsej casti vdaka pozicovaniu. A ziadny problem som nezbadal. Preto by som rad vedel, ci ho mam, resp. musim prerobit.

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:

0