Cum sa fac un site compatibil cu toate browserele?

Salut.De curand mi-am schimbat PC-ul cu un laptop de 7 inch si am avut unele neplaceri;ferestrele de dialog nu se vedeau etc.

Ceea ce m-a deranjat cel mai mult este faptul ca siteul pe care il administrez se vede dezastruos.M-am uitat la seopedia si am observat ca forumul se vede perfect si pe linux(mint elyssa) si pe windows(xp home,pro) si pe display de 15,17 si 7 inch si de asemenea are aceeasi afisare pe cele mai folosite browsere:firfox,opera,internet explorer 6,7,chrome.

Ce trebuie modificat in css ca siteul sa apara in acelasi mod indiferent de so,browser si display?

Ms.

Eu lucrez majoritatea site-urile cu latime fixa, ceva intre 900-1000px. Poti sa alegi sa faci acelasi lucru sau poti sa lucrez cu latime in procente, 70-90%. Nu am facut nici un site asa pentru ca nu imi place cum se muta "toate" in el daca maresti sau micsorezi browserul. Sfatul meu este sa lucrezi cu o latime fixa care crezi ca este vizibila pe majoritatea display-urilor.

EDIT: Cat despre browsere iti sugerez in timp ce lucrezi sa verifici site-ul si in FF, IE, Opera chiar si IE6 care face cele mai multe figuri si sa repari greselile specifice fiecarui browser.

Uite am pus la 70px si tot asa se vede.Problema nu este neaparat de la browser.Doresc sa se vada la fel pe orice tip de display.Uite pe un display de 17 inch se vede ca si cum latimea ar fi de 80px,pe unul de 15 inch se vede ca si cum latimea ar fi de 90px iar pe cel de 7 inch vad numai o parte site.

Nu ma raportez la felul cum arata browserele cand folosesc acelasi display pentru ca siteul arata relativ la fel,Eu doresc sa marimea siteului si toate tabelele sa fie proportionale cu marimea displayului.

Seopedia de exemplu se modifica in functie de display pe cele mai mici se vede mai mic,iar pe cele mai mari se vede mai mare.Problema este ca siteurile mele nu se modifica asa.

Daca vrei sa se modifice cum se intampla cu seopedia trebuie sa folosesti procente. Dar nu inteleg unde ai pus 70px ? Te referi la blogul tau sau la alt site ?

Am sa incerc acum.Am pus aici.Este un proiect de viitor si vrea sa folosesc strategia ''Da-i cat mai mult si de orice ca sa ridici indexul'' folosita de softpedia.

Am un sfat off-topic, daca vrei sa creezi o comunitate seo, sau de oricare altfel iti sugerez sa nu folosesti domenii / subdomenii gratuite. O sa ajungi sa iti para rau daca site-ul va avea success.

Ca sa faci un site compatibil pe cat mai multe browsere, primul sfat si cel mai important e sa faci site-ul valid html/xhtml.

Asta nu iti garanteaza ca site-ul se va vedea la fel peste tot, dar macar vei elimina o parte din probleme principale care apar din start.

Dupa care, cu multa munca si sudoare, testand la greu in toate browserele principale de pe piata vei afla diferite hackuri :P in special pt mizeria de ie6 si fratiorii lui mai mari care iti vor da cele mai mari batai de cap :)

Pentru "ie-uri" nu iti recomand sa folosesti "multiple ie" sau "ie tester" pentru ca au mari probleme, ci sa bagi xp sp2 intr-un virtual box sau vmware ca sa ai ie6 nativ si eventual xp sp3 pt ie7 in alt virtual box. Pe win-ul "principal" sa ai ie8.

De acord cu ce a spus Butcher.

Si noi avem probleme cu compatibilitatea in browsere. In IE6 si IE7 o sa gasesti cele mai multe bug-uri. Testezi pe un sistem de operare, il faci compatibil, esti fericit. Testezi pe alt sistem de operare si vezi ca rezultatul nu e acelasi. Eu nu ma prea ocup de partea asta, insa colegii mei se dispera cu problema asta.

Cred ca ar trebui, special, un om care sa faca numai chestia asta, care sa fie la curent cu toate tampeniile din browsere.

Sau poti incerca asta. :)) :headbang:

Pornesti de la premisa ca IE randeaza contentul asa cum il primeste.Firefox incearca sa repare multe greseli de cod si afiseaza continutul "cum ar trebui" sa fie.
Foloseste firebug pt firefox si debugbar pt IE.
In IE poti folosi # in fata stilurilor pt a fi detectate doar de IE.
Ex: #margin-left:10px; // in ie o sa fie 10 px
margin-left:20px; // in ff o sa fie 20px
!!Conteaza ordinea in care le pui.

In css in primele randuri foloseste stiluri care sa reseteze pe cele default de browser.
Daca folosesti vreun framework js incearca cat mai mult sa nu ii gresesti codul, chiar daca in FF merge perfect.

FF aparent este bun, insa nu iti arata bugurile pe care tu ar trebui sa le corectezi, ci iti afiseaza un continut reparat.

Citat:

---

Postat în original de ganditorul_2003

Sau poti incerca asta. :)) :headbang:

---

Cred ca glumesti :) si astepti 3 min pana iti vin screenshoturile.

Citat:

---

Postat în original de deadworldisee

Pornesti de la premisa ca IE randeaza contentul asa cum il primeste.Firefox incearca sa repare multe greseli de cod si afiseaza continutul "cum ar trebui" sa fie.

---

Pornesti de la o premisa complet falsa :). Firefox randeaza bine si nu invers (firefox 3.5 scoate 93/100 in acid 3), dovada ca si pe chrome, opera sau safari se vede aproape intotdeauna ca pe firefox. ie e praf si punct :)

Fixurile pt ie poti sa le faci cu stylesheet-uri separate (daca vrei sa pastrezi css-ul valid) sau cu hackuri specifice in acelasi stylesheet. "Ordinea" se poate controla si folosind !important.

in Ie daca nu pui la sfarsitul unei linii de js ; iti da eroare in FF ai sanse mari sa nu dea.
Sunt multe exemple.

Cea mai sigura metoda (dupa mine) este sa folosesti doua CSS-uri diferite (un CSS pentru IE si altul pentru restul browserelor) + un script care sa detecteze ce fel de browser incarca pagina...

IE SUX cand vine vorba de "standards compliance".