f**k ie

Forumul Softpedia > Professional Zone > Webmaster Corner > Web Design / Flash / Graphix

skid

28th January 2006, 13:25

nu demult am renuntat la tabele si acuma cand fol. divuri dar imi cam da bataie de cap ie, nu reusesc nicicum sa fac un layout sa arate la fel pe ff si ie.

uitati un exemplu: http://skid.marte.ro/Template/index.html

(sa nu va prea legati de design si in special de continut)

daca puteti sa ma ajutati la problema asta de incompatibiliate as fi recunoscator.

P.S. sunt incepator la divuri asa ca nu radeti de ce vedeti aici: http://skid.marte.ro/Template/css-style.css

zuppy

28th January 2006, 14:27

ai incalcat regula de aur, si anume sa testezi pe ambele browsere in timp ce integrezi designul, nu dupa ce ai facut-o, asa ti-ai fi dat seama exact de unde e.

succes la debugging

skid

28th January 2006, 14:36

poi oricum e pe la inceput si nu sunt multe de corectat.
primul lucru care nu-l inteleg e de ce div-ul urmator are inaltimea 2px. in ff (asa si cum trebe) si vreo 20 in ie.

CODE

#hspace {
    width: 100%;
    height: 2px;
    float: left;
}

i0nutzb

28th January 2006, 15:15

1) background-image:url('bg-line.bmp'); bmp nu este format pt web!
2) in loc de #hspace ai putea folosi margin-bottom:2px pt flashmenu
3) #contentrightshadow ce rol are?

or mai fi, dar nu am timp

skid

28th January 2006, 15:25

QUOTE(i0nutzb @ Jan 28 2006, 15:15)

1) background-image:url('bg-line.bmp'); bmp nu este format pt web!
2) in loc de #hspace ai putea folosi margin-bottom:2px pt flashmenu
3) #contentrightshadow ce rol are?

or mai fi, dar nu am timp

1) da, stiu, o sa schimb. oricum nu afecteaza deocamdata problemele intre browsere.
2) da, am schimbat si e bine acuma, ms.
3) e shadow-ul din dreapta ferestrei principale ("contentul").

ms, mai astept replyuri

Ragnarokr

28th January 2006, 15:32

Eu am mai avut probleme cu diferentele de afisare intre FF si IE si, din ce am observat, majoritatea erau cauzate de valorile "margin" ale unor div-uri. Incearca sa le pozitionezi mai mult din "padding" decat din margin.
p.s. cand am timp ma uit la css mai bine si iti zic mai multe.

peace

i0nutzb

28th January 2006, 15:39

QUOTE

1) da, stiu, o sa schimb. oricum nu afecteaza deocamdata problemele intre browsere.
2) da, am schimbat si e bine acuma, ms.
3) e shadow-ul din dreapta ferestrei principale ("contentul").

eu zic că ăla, împreună cu cel din stânga e de vină..

skid

28th January 2006, 15:59

QUOTE(i0nutzb @ Jan 28 2006, 15:39)

eu zic că ăla, împreună cu cel din stânga e de vină..

cam da, pentru ca nu incap in #main care are 700px si sare randul.
dar in firefox daca pun #content-ul 688px. e bine, raman 2 pt border si 10 (5 + 5) pentru left and right shadow.
dar in ie trebe #content-ul sa fie vreo 660px. sau cam asa ceva sa fie in acelasi rand toate 3 si e prea ingust in comparatie cu headerul si meniul. :|

daca aveti alte metode pentru shadow-ul ala din dreapta si stanga, let me know.

sigxcpu

28th January 2006, 16:33

QUOTE(skid @ Jan 28 2006, 13:25)

(sa nu va prea legati de design si in special de continut)

continutul este de cacat (vezi "buton 1" "buton 2"). parca tu ai supus design-ul la discutie aici, nu continutul. sau limba romana e problema?

skid

28th January 2006, 16:38

QUOTE(skid @ Jan 28 2006, 13:25)

daca puteti sa ma ajutati la problema asta de incompatibiliate as fi recunoscator.

daca nu, poti pleca.

aolex

29th January 2006, 11:19

ie nu stie sa interpreteze marimea unui div daca ii pui border, padding etc. ... pentru un div de 200 pixeli cu border de 5 pixeli si padding de 20 este:

200 + 5 + 5 + 20 + 20 = 250.

ie insa nu stie de asta, asa ca pe ie, acelasi div va fi 200 - 5 - 5 - 20 - 20 daca bine imi aduc aminte.

skid

29th January 2006, 12:53

am rezolvat intr-o oarecare masura diferentele.
mai e doar o diferenta mai vizibila: butoanele ("Adauga" si "Voteaza"). Any ideas?

inca o intrebare: se pot customiza prin css, radio button-urile?, am incercat un pic sa modific, la fel ca si celelalte input-uri, dar nu s-au modificat.

zuppy

29th January 2006, 16:19

QUOTE(skid @ Jan 29 2006, 12:53)

inca o intrebare: se pot customiza prin css, radio button-urile?, am incercat un pic sa modific, la fel ca si celelalte input-uri, dar nu s-au modificat.

nu prea, pentru asta ai nevoie de javascript

Aceasta este o versiune simplificată a paginii originale. Pentru a vizita versiunea originala click aici.