Un pic de ajutor la IE6,
Last Updated: May 11 2009 17:39, Started by
Skodaru
, May 11 2009 09:29
·
0

#1
Posted 11 May 2009 - 09:29

http://skodaru.vortecs.ro/rame/
asta e site-ul, nu fac reclama chiar se vede diferit, si nu stiu cum sa il rezolv... daca ma puteti ajuta, mersi mult. e vb de div-ul #dots, si #dots2, nu le pot face sa se vada ca in FF. Edited by Skodaru, 11 May 2009 - 09:30. |
#2
Posted 11 May 2009 - 12:21

#3
Posted 11 May 2009 - 15:24

http://skodaru.vortecs.ro/rame/ asta e site-ul, nu fac reclama chiar se vede diferit, si nu stiu cum sa il rezolv... daca ma puteti ajuta, mersi mult. e vb de div-ul #dots, si #dots2, nu le pot face sa se vada ca in FF. Ia css de mai jos. Acum pozitionarea ti se pupa. Observatii: 1.Ar fi trebuit sa resetezi margin si padding la toti selectorii, altfel fiecar ebrowser baga de capul lui cit crede de cuviinta. Asta se face simplu cu *{margin:0;padding:0} dupa care ii dai fiecarui cit vrei tu, avind in felul asta un control mai bun in browsere diferite. Eu nu mai facut asta pentru ca ar fi insemnat sa modific prea mult la css, si nu am chiar asa de multa tragere de inima... 2. Pozitionarea este destul de tricky si daca nu o faci cum trebuie poti avea surprize destul de neplacute. De pilda, foloseste "left:40px" in loc de "margin-left:40px". In plus, parintele unui selector pozitionat absolut trebuie sa fie pozitionat la rindul sau (relativ sau absolut), altfel se va duce ierarhic pina la body, si poti pierde usor controlul, mai ales la pagini mai complicate. 3. Daca ai margine laterala (margin-left sau margin-right) la un selector care are si float, in ie6 margionea se dubleaza (in loc de margin-left:100px, vei avea exact 200px). Remediul este sa pui la respectivii selectori si display:inline. Nu afecteaza nici un alt browser, si il face pe ie6 sa afiseze corect. E un bug (double margin bug). 4. Partea cu pozele e arhicunoscuta: ie6 e un bou in ceea ce priveste png transparent. Ori ii dai lui ie6 o imagine de fond alternativa - un .gif, ori folosesti javascript ca sa il faci sa afiseze cit de cit ceea ce vrei tu. Ambele solutii au dezavantaje si si avantaje. a) varianta 1 - ii dai lui ie6 un .gif ( o sa ai o poza urita, pentru ca gif are un singur canal de transparenta) .selectoru {background-image:url(calea_ta/imagine.png) !important;background:url(calea_ta/imagine.gif) left top no-repeat}B) varianta 2- java script: exista n'spe mii de variante, nici una nu e perfecta, insa la ce ai tui acolo e buna aproape oricare. Recomand cu caldura aceasta solutie. solutia cu javascript nu poate rezolva probleme de background-position, si daca ai orice alta valoare decit left top (sau 0 0), imagine de fond se va duce aiurea. Bafta body{ font-family:Georgia, "Times New Roman", Times, serif; background-color:#3b1901; vertical-align:bottom; margin: 0 auto; } #container{ } #main{ position:absolute; bottom:99px; background-image:url(http://skodaru.vortecs.ro/rame/images/wallp_02.gif); height:511px; width:924px; z-index:-1; } #menu{ float:left; margin-left:40px; margin-top:50px; width:241px; height:299px; background-image:url(http://skodaru.vortecs.ro/rame/images/menu_03.png); background-repeat:no-repeat; padding-top:50px; padding-left:20px;} #iframe{ float:left; display:inline; margin-left:110px; margin-top:80px; width:420px; height:420px; border:solid 1px #FFFFFF; background-color:#FFFFFF; /* for IE */ filter:alpha(opacity=50); opacity:0.5; z-index:-1; } li{ list-style:none; } a{ display:block; width:119px; text-decoration:none;} .prez{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_01.png); height:26px;} .prod{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_02.png); height:22px;} .part{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_03.png); height:27px;} .ctlg{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_04.png); height:25px;} .cont{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_05.png); height:25px;} .back{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_06.png); height:25px;} .prez:hover{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_bold_01.png); height:26px;} .prod:hover{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_bold_02.png); height:22px;} .part:hover{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_bold_03.png); height:27px;} .ctlg:hover{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_bold_04.png); height:25px;} .cont:hover{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_bold_05.png); height:25px;} .back:hover{ background-image:url(http://skodaru.vortecs.ro/rame/images/menu_butt_bold_06.png); height:25px;} #footer{ position:absolute; bottom:0px; background-image:url(http://skodaru.vortecs.ro/rame/images/footer_05.jpg); background-repeat:no-repeat; width:924px; height:99px; } #dots{ position:absolute; background-image:url(http://skodaru.vortecs.ro/rame/images/dots_04.png); background-repeat:no-repeat; width:462px; height:511px; left:462px; background-position:bottom; } #dots2{ position:absolute; bottom:0px; background-image:url(http://skodaru.vortecs.ro/rame/images/dots_07.png); background-repeat:no-repeat; width:77px; height:99px; left:847px;} #canapea{ position:absolute; bottom:0px; left:0; background-image:url(http://skodaru.vortecs.ro/rame/images/canapea_02.png); background-repeat:no-repeat; height:362px; width:411px; float:left;} |
#4
Posted 11 May 2009 - 17:39

super! mersi mult.
am pus in loc de margin-left, left, si mi-a iesit. ce sa-i faci, incepator :blush: mersi mult :cheers: |
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users