Autor | Zpráva | ||
---|---|---|---|
zoZo Profil |
Zdravim všechny... Mam dotaz, jak udělat web bez použití více css souborů tak, aby vipadal ve všech prohlížečích (hlavně Exploler x Mozilla) stejně. Aby byl stejně širokej atd... Web dělam v xHTML... Předem díky moc za odpověď...
|
||
Měsíček Profil |
#2 · Zasláno: 31. 1. 2008, 16:18:47
1.) Mít DOCTYPE (jinak mohou nastat potíže s mozillou)
2.) Méně používat Padding (IE trochu přidává) 3.) Více používat margin než position 4.) A používat Hacky ;) |
||
Nox Profil |
#3 · Zasláno: 31. 1. 2008, 16:56:21
vipadal
:) 2) není to jen v quirku? 4) Nejlíp tak, aby nebyly nutné a pokud ano, tak stále pořád lepší jsou podmíněné komentáře, hack bych dal na poslední místo min-height v FF/O = height v IE např. |
||
Měsíček Profil |
#4 · Zasláno: 31. 1. 2008, 17:05:42
2) není to jen v quirku? = je to možné, nevím to, ale jistě.
4) Nejlíp tak, aby nebyly nutné = můj názor je, že to jde i bez nich, ale když už se ptal tak proč mu je nenabýdnout :) |
||
Trejpa Profil |
#5 · Zasláno: 31. 1. 2008, 17:12:49
Měsíček
ad 1) Můžu se zeptat jaké? ad 2) Ještě se mi to nestalo. Máš nějaký příklad? ad 3) Jak spolu souvisí okraj prvku a jeho umístění? ad 4) Nepoužívám a vypadají stejně. zoZo Aby byl stejně širokej Třeba shodit IE do quirku (třeba komentářem před doctype) a do stylů přidat: * {-moz-box-sizing: border-box; box-sizing: border-box;} http://www.jakpsatweb.cz/css/moz-box-sizing.html |
||
Chamurappi Profil |
#6 · Zasláno: 31. 1. 2008, 17:15:20 · Upravil/a: Chamurappi
Reaguji na Měsíčka:
1) Deklarace <!doctype> není nutná. Kdyby jí zoZo nepoužíval, nemyslel by si, že dělá v XHTML. 2) Explorer padding nepřidává. Umí ho odečítat od šířky (v quirku) nebo zdvojit levý/pravý margin. Reaguji na Noxe: Podmíněný komentář je také hack. Reaguji na zoZa: „Web dělam v xHTML“ Pochybuju, Explorer XHTML nezná. Žádné obecně platné kouzelné zaklínadlo ti tu nikdo neřekne. Ukaž svůj výtvor, promluvíme si o konkrétních problémech. |
||
Měsíček Profil |
Chamurappi: Ale deklarace <!doctype> má na vykreslení vliv. K tvé dvojce, máš asi pravdu, ale vyjde to skoro nastejno, jen jsem nevěděl pozadí tohohle jevu.
Trejpo Jak spolu souvisí okraj prvku a jeho umístění? Chtěl jsem tím říct to, že mnoho lidí svůj web pozicuje například si dá absolutní hodnotu a hlavičku umístí 150px od levého okraje, je to sice moc pěkné, ale jak se zvětší web ctrl++ tak se potom dějí věci .. kdežto margin obvykle tyhle problémy nedělá a jeho výsledek výjde obvykle nastejno, toť můj názor. |
||
Joker Profil |
#8 · Zasláno: 31. 1. 2008, 18:00:47
Chamurappi
Deklarace <!doctype> není nutná. Pokud jde o stejný vzhled ve všech prohlížečích, je (IMHO) velmi žádoucí. Alespoň mně pak přijde jednodušší odladit stránku, pravda, možná jsem prostě "zvyklý na standardní režim". Podmíněný komentář je také hack. Na to mohou být různé názory, každopádně podle mého názoru jsou podmíněné komentáře bezpečnější, než CSS hacky. CSS hack by v některém prohlížeči teoreticky mohl fungovat jinak, než autor webu zamýšlel, podmíněný komentář dost těžko. |
||
Plaváček Profil |
#9 · Zasláno: 31. 1. 2008, 18:20:05
Chamurappi
Podmíněný komentář není žádný hack. Je to vlastnost prohlížeče, která se dá využít a je dobře, že existuje. |
||
Chamurappi Profil |
#10 · Zasláno: 31. 1. 2008, 18:55:29 · Upravil/a: Chamurappi
Reaguji na Měsíčka:
ad 1) Vliv má, nutná není. Já ji někdy nepoužívám. ad 2) Sjednotit box model oběma směry není těžké, pak s paddingem problémy nejsou. Reaguji na Jokera: „Pokud jde o stejný vzhled ve všech prohlížečích, je (IMHO) velmi žádoucí.“¨ Můžu mít všechny v quirku. „CSS hack by v některém prohlížeči teoreticky mohl fungovat jinak, než autor webu zamýšlel, podmíněný komentář dost těžko.“ Jestli bude Explorer 8 správně interpretovat HTML komentáře tak, jak žádal původní Acid 2, tak se v něm krkolomnější kombinace současných podmíněných komentářů rozsypou. Podmíněný komentář ti může odfiltrovat hyperaktivní proxy server. Reaguji na Plaváčka: „Je to vlastnost prohlížeče, která se dá využít a je dobře, že existuje.“ To platí pro většinu hacků. To, že tento syntakticky nevybočuje z ostatního HTML kódu a prochází zeleně validátorem, nic neznamená. Je selektor „* html něco“ hack? O tom, co považuji za hack a co ne, už jsem tu kdysi psal. |
||
Plaváček Profil |
#11 · Zasláno: 31. 1. 2008, 19:42:13
Chamurappi
O tom, co považuji za hack a co ne, už jsem tu kdysi psal Já vím, četl jsem, znám. My se halt málokdy shodneme, s čímž nic nenadělám. Z mého pohledu není podmíněný komentář hack už čistě jenom proto, že nezasahuje žádným způsobem do základního stylového předpisu. Tvá odpověď, směšující problematiku HTML a selektor používaný v CSS je opět trochu irelevantní a tazateli nijak nepomůže. O validitě jsem neřekl ani slovo, pokud vím. |
||
Trejpa Profil |
#12 · Zasláno: 1. 2. 2008, 01:06:07
Je zápis, který je v souladu se specifikací, hackem? Já se téměř vždy, když je nezbytné odlišit prohlížeče, dokáži vyhnout jak podmíněným komentářům (které jinak považuji za vynikající vynález), tak většině krkolomných způsobů. Zpětné lomítko a hvězdička s html mi zatím vždy stačily. Jediné, čím se občas (rád) odkláním od specifikací, je vlastnost -moz-box-sizing.
Měsíček Stále jsi mi neodpověděl. (Zkusil jsem si domýšlet.) Ad 3) jak se zvětší web ctrl++ tak se potom dějí věci Nemusí se dít nic, kromě zvětšení písma. Stále netuším, jak může margin nahradit rozmístění prvků pomocí position. Asi myslíš s použitím float. Ad 1) Asi’s myslel přepínání vykreslovacích režimů a jejich rozdíly. Budiž, ale to se týká každého prohlížeče. Pokud někdo ladí pro FF, tak mu nastanou potíže s IE (platí i obráceně). Ti, co znají vykreslovací režimy, nic neladí, protože vědí, co kde jejich kód způsobí. Ad 2) Padding (IE trochu přidává) Kde přidává IE padding? Nebo máš na mysli rozdílnost box modelů? (Tam ale IE žádný padding nepřidává, jen ho započítává do width.) |
||
Měsíček Profil |
#13 · Zasláno: 1. 2. 2008, 09:31:54
Ad 1) Asi’s myslel přepínání vykreslovacích režimů a jejich rozdíly. = také. Pokud někdo ladí pro FF, tak mu nastanou potíže s IE (platí i obráceně). = ne vždy. Když člověk trochu přemýšlí obvykle to vypadá stejně. Ti, co znají vykreslovací režimy, nic neladí, protože vědí, co kde jejich kód způsobí.
= ano, ale ne každý vykreslovací režim zná. Ad 3) Přesvědčil jsi mě, doteď jsem byl silně proti pozicování teď jsem sice proti němu taky, ale už mírněji :) Jinak margin, s pomocí float může udělat naprosto to samé. Ad 2) Nebo máš na mysli rozdílnost box modelů? = také, protože do té doby než se sjednotí, dělá padding potíže, (spíše rozdíly mezi IE a FF). |
||
Joker Profil |
#14 · Zasláno: 1. 2. 2008, 10:23:28
Chamurappi
Můžu mít všechny v quirku. To jo, však jsem i ve svém příspěvku psal, že možná jsem prostě jen zvyklý na standardní režim. Ale přijde mi jednodušší dělat stránku ve standardním. Jestli bude Explorer 8 správně interpretovat HTML komentáře tak, jak žádal původní Acid 2 No já nevím, když vezmu příklad: <!--[if lte IE 6]> <style type="text/css" media="all"> @import'/css/ie.css'; </style> <![endif]--> Přece tohle nemůže prohlížeč zpracovat nějakým nečekaným způsobem, aniž by si zásadním způsobem upravil specifikace k obrazu svému. O tom, co považuji za hack a co ne, už jsem tu kdysi psal. viz níže Trejpa Je zápis, který je v souladu se specifikací, hackem? Může být. Já bych to řekl takhle: Hack je zne-/vy-užití nějaké vlastnosti (případně chyby) daného produktu nezamýšleným/neočekávaným způsobem. Podle toho pak třeba _height by byl hack, využití chyby v IE. Podmíněný komentář by nebyl hack, ale prostě využití existující vlastnosti IE. V jiných případech by samozřejmě mohlo být sporné, jestli to hack je nebo není. |
||
Chamurappi Profil |
#15 · Zasláno: 1. 2. 2008, 12:19:49
Reaguji na zoZo:
Až budeš chtít řešit něco konkrétního, založ si prosím nové vlákno. Reaguji na Plaváčka: „Z mého pohledu není podmíněný komentář hack už čistě jenom proto, že nezasahuje žádným způsobem do základního stylového předpisu.“ Není to CSS hack, ale je to hack. Stejně jako skript „if(document.all) alert("Máš Explorer!")“ je hack. „Tvá odpověď […] tazateli nijak nepomůže.“ Tazateli nepomůže nikdo a nic, dokud nenadhodí konkrétní problém. Reaguji na Jokera: „Přece tohle nemůže prohlížeč zpracovat nějakým nečekaným způsobem“ Mluvil jsem o krkolomnějších kombinacích, hlavně o těch, které nechtěně šlápnou do této příšernosti. Mimochodem, je docela možné, že v normálním standardním režimu bude Explorer 8 pozitivně reagovat na podmíněný komentář testující sedmičku, což asi není očekávané, ne? „aniž by si zásadním způsobem upravil specifikace k obrazu svému“ Už samotné podmíněné komentáře jsou zásadní úpravou. Vnitřek komentáře má být ignorován, ať je jakýkoliv. „Hack je zne-/vy-užití nějaké vlastnosti (případně chyby) daného produktu nezamýšleným/neočekávaným způsobem.“ To není špatná definice, jenže kdo je ten, kdo má zamýšlet/očekávat způsob použití? Můžou být hackem i části specifikací? „Podmíněný komentář by nebyl hack, ale prostě využití existující vlastnosti IE.“ Vznikl kvůli rozlišování jednotlivých verzí Exploreru (případně Wordu) od sebe, nikoliv proto, aby se pomocí něj posílal celé rodině Explorerů záplatující stylopis. |
||
Časová prodleva: 16 let
|
0