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
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
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
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
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
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
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
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
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
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
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
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
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
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.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0