Praveže ja som sa zameriaval iba na jeden prehliadač, a to je blbosť. Na každom to ukáže inak, preto si musím upraviť css, aby som našiel tú alternatívu pre všetky prehliadače.

Podmienené komentáre pre IE používam iba vtedy, ak je na kritickej časti webu použitý priehľadný PNG obrázok (v headry alebo niekde v menu). V IE6 (a staršom) sa miesto tejto priehľadnosti zobrazí nepriehľadná čierna výplň, čo môže v takom prípade dosť sťažiť prehľadnosť stránky poprípade môže splývať aj písmo s tou čiernou. Preto pomocou podmieneného komentára toto PNG odstraňujem.

(Kašlite sa na argumenty podpory IE6, ide tu o použitie toho komentára v mojom prípade.)

Kvalitným CSS resetom máš polku problémov vyriešenú, ja používam napr. tento ale častejšie si vystačím aj s hviezdičkovým resetom.

Ak kódiš layout, snaž sa vyhnúť v čo najväčšej miere pozíciovaným prvkom (relative, absolute), a svoju stránku "rozplávaj" - float. Taktiež pozor na margin. Mám odsledované, že v IE7 má nejaké mierne rozdielne hodnoty [v IE mi napr. posunie margin: 50px 0 0 0; prvok o 40px a v ostatných prehliadačoch ho posunie o správnu hodnotu].

S tým PNG máš pravdu, taktiež aj s margin. V staršom IE mi priehľadný PNG nezobrazí, v IE musí mať margin úplne iné hodnoty ako v Google Chrome a Mozille (včera som to skúšal, web bol úplne rozhádzaný).
A k tomu " CSS resetu", ak to správne chápem, ono mi to zabezpečí kompatibilitu prehliadačov?
Ak máš trošku času, mohol by si napísať načo si treba dávať ešte pozor. Dík

niektore elementy maju prednastavene atributy samotnymi prehliadacmi, napr <p> ma spravidla nejake marginy hore a dole, no a ty tym resetom vsetky tieto prednastavene atributy vynulujes a nasledne vsetko pises od nuly. reset nie je nic viac ako obycajny css subor, ktory ti poselectuje vsetky elementy a vynuluje im tie defaultne atributy, cize nie, nezabezpeci ti to kompatibilitu, iba to znizi rozdiely medzi prehliadacmi

weroro napísal:Ak kódiš layout, snaž sa vyhnúť v čo najväčšej miere pozíciovaným prvkom (relative, absolute), a svoju stránku "rozplávaj" - float.

A to uz preco?

...tiež by ma zaujímalo...float som nikdy nepoužil a k môjmu údivu...a asi aj tvojmu weroro, moje stránky vyzerajú všade rovnako...používam iba relative a absolute pri pozicovaní prvkov, sem-tam som použil fixed...

Ja float pouzivam tam kde je vhodny, ale vyhybat sa relativnemu a absolutnemu poziciovaniu mi pride trochu divne.

Je to vec osobného názoru, nepísal som, že má zavrhnúť pozíciovanie. Bez neho sa v niektorých prípadoch nedá zaobísť. Niekto má rád pozíciované, niekto plávajúce a extrémisti kombinované layouty. Pri float-e nepotrebuješ poznať presne na pixel pozíciu elementu a pod.

Aby sme sa vyhli rýpaniu napíšem, niekoľko nevýhod, ktoré vidím v pozíciovanom layoute:

• 1. Hrozná údržba CSS a úpravy layoutu ako také.
  2. Začiatočníkom alebo pokročilejším sa často stáva, že ak používajú position:relative ostávajú im na spodku elementov obrovské diery (dosť to robievalo problém aj mne) a potom používajú zbytočne záporné margin-y a top-y.
  3. Plávajúci layout nakódiš prakticky rýchlejšie a univerzálnejšie ako pozíciovaný

Samozrejme ak idem pre Javascript-ovať celú stránku, tak je jasné, že to nebudem float-ovať, pretože budem určite pracovať s hodnotami XY elementov, budem potrebovať z-index a pod.

Follow napísal:A k tomu " CSS resetu", ak to správne chápem, ono mi to zabezpečí kompatibilitu prehliadačov?

Nezabezpečí, ale... Každý prehliadač má nejaké "preddefinované hodnoty" pre značky, ktoré spracúva. Pomocou resetu, tieto hodnoty vynuluješ a potom ich nastavíš ručne, čiže to nenechávaš na prehliadači a tým zabezpečíš to, že každý prehliadač bude používať tvoju hodnotu a nie tú ktorú má on "preddefinovanú".

Vidím že ma čaká ešte dlhá cesta, mám sa čo učiť.. Díky za vysvetlenie už to chápem.

Samozrejme, ze absolute a relative pouzivat iba vynimocne.
Layout stavat na floatovacich elementoch.