f**k ie


skid


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 death.gif
(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
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 tongue.gif
 
skid
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. cursing.gif
CODE
#hspace {
    width: 100%;
    height: 2px;
    float: left;
}
i0nutzb
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? w00t.gif
or mai fi, dar nu am timp tongue.gif
skid
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? w00t.gif
or mai fi, dar nu am timp tongue.gif


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 biggrin.gif.
Ragnarokr
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
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
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
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


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