Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Placare Baie/bucatarie/hol cu Rig...

Interactive brokers 2002

Ce clasa de amplificatoare prefer...

Salutari, prelingeri apa sub stre...
 Care este diferenta de eficienta ?

Eliminare fișiere duplicat d...

Dezbatere intre cei mai mari infl...

Aditiv pentru adeziv polistiren
 Manual reparatie opel astra H

Multa lume depresiva

Firma colectare deseuri gratuit?

Doresc consultant pt avizare SRL ...
 citire contor energie electrica

Decontare concedii mediale

Global dimming Samsung QLED 65Q80C

Incalzirea in pardoseala se poate...
 

Un pic de ajutor la IE6,

- - - - -
  • Please log in to reply
3 replies to this topic

#1
Skodaru

Skodaru

    Active Member

  • Grup: Members
  • Posts: 1,058
  • Înscris: 02.02.2005
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
MembruAnonim

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 358,351
  • Înscris: 08.10.2015
Uite-te pe aici pentru inspirație. Asta dacă te referi la poziționarea elementelor
Dacă te referi la png-uri... IE6 nu știe în mod direct de png24 transparent. Vezi aici

#3
Jumping Jack

Jumping Jack

    Member

  • Grup: Members
  • Posts: 622
  • Înscris: 12.09.2007

View PostSkodaru, on May 11 2009, 09:29, said:

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
Skodaru

Skodaru

    Active Member

  • Grup: Members
  • Posts: 1,058
  • Înscris: 02.02.2005
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

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate