Autor | Zpráva | ||
---|---|---|---|
Bubák Profil |
#1 · Zasláno: 5. 11. 2006, 18:55:50
V jedné diskusi napsal peta, že:
to je "prasarna" uplne nejvetsi, ktera dela v IE veliky binec, michat do jednoho dagu float a position:absolute/relative Protože je zájem v tomto tématu a nechtěl jsem příliš rozvíjet OT, udělal jsem to jako nový dotaz Můj mázor je odlišný: float + position: relative; jsem párkrát použil a neměl jsem s tím žádný problém float + position: absolute; tohle jsem párkrát viděl, ale smysl téhle konstrukce mi uniká float + position: relative - nevidím na tom nic divného, nechám prvek floatovat a kousek si ho posunu. párkrát jsem to dělal s obrázky, abych je měl "hezčeji" umístěné vedle textu. float + position: absolute; - neznám žádný důvod, proč to použít, protože floatovaný element je vytržen za své pozice, absolutně pozicovaný taky. Pro zajímavost jsem to dneska testnul, ve všech prohlížečích (v Konqueroru jsem to zatím netestoval) se to chová podle očekávání, nefloatuje se, deklarace je zbytečná, ale bez problémů se napozicuje podle deklarace absolutní pozice. |
||
habendorf Profil |
#2 · Zasláno: 5. 11. 2006, 19:46:49
Bubák: No, pokusím se to trochu rozmotat. Tvoje závěry jsou sice celkem správné, cesty kterými k nim docházíš už zas tolik ne.
1) float + position: relative; nechám prvek floatovat a kousek si ho posunu To není zrovna šťastné řešení, od toho je k dispozici margin. Jinak ta konstrukce je naprosto běžná, mám floatovaný prvek a potřebuju, aby mi vytvářel souřadnice pro nějaký jiný abs. pozicovaný prvek. Typické použití je např. floatovaný image-replacement. Např. stránku kterou právě čteš bych řešil takto: do h1 bych dal text "diskuse.Jak psát web.cz" (s odkazem) a udělal tomu image replacement (na to potřebuju pro h1 dát position:relative), celý h1 bych floatnul doleva, vyhledávací form floatnul doprava, pod to cleaner a další obsah. 2) float + position: absolute; je blbost, ale floatovaný element je vytržen za své pozice, absolutně pozicovaný taky už není až tak pravda. Floatovaný element stále ovlivňuje své okolí, zatímco element s position:absolute funguje stejně, jako kdybys na něj z rubu přilepil žvejkačku a někam ho plácnul, hlava nehlava překryje co je pod ním a basta. Tak se float nechová. |
||
Bubák Profil |
#3 · Zasláno: 5. 11. 2006, 22:20:23
habendorf
nechám prvek floatovat a kousek si ho posunu > To není zrovna šťastné řešení, od toho je k dispozici margin Nenapadlo mně, že i toho docílím jednoduše marginem. Díky za upřesnění a poučení. |
||
Knopi Profil |
#4 · Zasláno: 5. 11. 2006, 23:48:40
Souhlasím s Habendorfem, jen:
nechám prvek floatovat a kousek si ho posunu > To není zrovna šťastné řešení, od toho je k dispozici margin A co když nebudu chtít, aby mi prvek s marginem ovlivňoval okolí, tak je lepší použít position: relative; - jednou se mi tato choulostivá situace přihodila, a jak jsem si liboval... :o) |
||
peta Profil * |
#5 · Zasláno: 6. 11. 2006, 16:00:52
habendorf
Tak to te musim zklamat, ale float + position: relative; je prasarna, ktera dela zcela specificke problemy. Nemuzu ti rici presne jake, protoze to uz min 3 roky nepouzivam. Proste vim, ze kdyz jsem to nekde pouzil, tak pak uz jsem se s tim nedomluvil v ruznych prohlizecich. Neco jineho je dat to kazde zvlast do prvku. Ale dat to do 1 je fujka, ver mi. |
||
Bubák Profil |
#6 · Zasláno: 6. 11. 2006, 16:20:57 · Upravil/a: Bubák
peta
Se zcela specifickým problémem jsem se nepotkal v žádném z prohlížečů, ve kterých jsem "prasarnu" testoval. pokud to nepoužíváš už min 3 roky, tak z toho, možná nesprávně usuzuji, že to nemuselo fungovat v IE 4, Netscape.7x a Opera 6.0, které v té době mizely ze scény. Věřím ti. Věř tomu, že v dnes používaných prohlížečích jsem s tím neměl specifické, ba ani nespecifické problémy. |
||
karm Profil * |
#7 · Zasláno: 6. 11. 2006, 17:47:44
Nechci otravovat, ale kdyby někdo mohl mrknout na tuhle stránku a vyjádřit se ohledně těch malých obrázků - jestli je to dobře, špatně, a jak to udělat správně (viz tato diskuze ohledně float a position). Znovu opakuju, že se to teprve snažím naučit a každá kvalifikovaná rada mi pomůže.
|
||
karm Profil * |
#8 · Zasláno: 6. 11. 2006, 17:48:07
pardon, odkaz na stránku : http://zskajov.aspweb.cz/index2.htm
|
||
Plaváček Profil |
#9 · Zasláno: 6. 11. 2006, 19:11:57
peta
float + position: relative; je prasarna Není to žádná prasárna a není problém dát cokoliv do 1 prvku, když člověk ví, co dělá. Habendorf celou problematiku shrnul stručně a přesně a na Péťovy výkřiky, nedoložené žádnými fakty, prosím, neberte zřetel. |
||
Plaváček Profil |
#10 · Zasláno: 6. 11. 2006, 19:15:02 · Upravil/a: Plaváček
karm
Tipnul bych, že za tvůj problém může peekaboo bug http://ie-brouci.dero.name/peekaboo.html a povětšinou postačí pro IE nastavit nějakou šířku pro nadřazený prvek (vesměs postačí nastavit width=100% pro IE pomocí podmíněného komentáře. Tuším, že na tvém webu je to blok s class="textjust", ale nezkoumal jsem kod podrobně). |
||
Gappa Profil |
#11 · Zasláno: 6. 11. 2006, 21:57:59
Já dnes narazil na něco trochu odlišného:
Potřeboval jsem do floatnutých náhledů obrázků umístit checkbox, který sloužil k výběru (tak to bylo v grafickém nárhu).
Jaký na to máte názor? Mě to příde vcelku normální - pokud zde můj uvedený příklad obsahuje nějakou chybu, tak vězte, že jsem asi něco zpackal teď, protože jinak mi to fungovalo v IE/FF/Opera :) Ještě se tam někde poflakoval odkaz (obaloval obrázek), ale to není až tak podstatné. |
||
Knopi Profil |
#12 · Zasláno: 7. 11. 2006, 17:26:44
Jaký na to máte názor?
Podobná konstrukce se běžně používá, když člověk ví co dělá, jak už říkal Plaváček, ten kdo tady tvrdil, že je to prasárna, nevěděl co povidá. V podstatě, když člověk chce vytvořit svůj vlastní souřadnicový systém libovolnému prvku například vlastností absolute, tak mu ani nic jiného nezbývá, než nastavit nadřazenému bloku position: relative;. Tento nadřazený blok pak může mít pevné rozměry, float...atd. Kdybychom mu nenastavili position: relative;, pak by ten vnořený libovolný prvek se vstahoval k celé stránce na ploše a ne k bloku, v kterém bysme ho chtěli mít. |
||
habendorf Profil |
#13 · Zasláno: 7. 11. 2006, 17:32:17
Knopi: pak by ten vnořený libovolný prvek se vstahoval k celé stránce na ploše
Jen to upřesním, vztahoval by se k nejbližšímu nadřazenému prvku s nastavenou position. |
||
Knopi Profil |
#14 · Zasláno: 7. 11. 2006, 17:40:40
habendorf: Jo..., to je přesné. :o)
|
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0