Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Clipboard files copy/paste, filen...

Care-i treaba cu Reddit-ul? (nu m...

Diferente diferentiale

Finala Eurovision 2024
 De ce nu protestati?

Etanșare intre cada perete b...

Back-up box Fronius ?

Router de la Digi nu face fata la...
 Magnolii

Achizitie LG OLED evo 55C31LA - e...

Aplicatii PV Huawei Sun

Istoric deplasari - GPS
 Surub autoforant-metric mixt

Lipsa semnal - strategie de marke...

One week meal plan - Pachet

Apometru defect?
 

DIV-uri cu border efect blur

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

#1
h0tice

h0tice

    Member

  • Grup: Members
  • Posts: 379
  • Înscris: 21.03.2005
Salutare,

Am facut un site, pe care l-am pus pentru moment aici: http://www.adrian-tu...;page=obiective

In Firefox, Chrome si IE8 arata exact asa cum ar trebui. In IE6 si IE7, bordurile sunt total nealiniate. Am atasat si 2 screenshot-uri. Cum as putea sa rezolv aceasta problema?. Ideea e ca eu am testat site-ul doar cu Firefox, Chrome si IE8 (ceea ce aveam instalat pe PC). Iar acum, cand trebuie pus online, mi-am dat seama ca se vede total aiurea pe versiuni de IE mai vechi.

Va multumesc!

Attached Files



#2
andreyr

andreyr

    Junior Member

  • Grup: Members
  • Posts: 113
  • Înscris: 13.01.2007
Din cate am vazut din codul sursa , ai lucrat cu div-uri pe care le-ai pozitionat prin float . Incearca sa pui cate un padding:0px; sau margin:0px; , acolo unde apar unele probleme de vizualizare , de pozitionare , a div-urilor.
Ai fi putut realiza pozitionarea div-urilor si prin display:inline-block;
Apoi le ofereai ce atribute doreai tu , in principal width si height .

:peacefingers:

#3
h0tice

h0tice

    Member

  • Grup: Members
  • Posts: 379
  • Înscris: 21.03.2005
Peste tot padding si margin sunt 0px. Doar pe tag-ul <p> am padding-left:10px, dar nu cred ca are legatura. Imaginile nu sunt aliniate cum trebuie pe verticala (oricum, am incercat sa scot si acel padding-left dar fara niciun rezultat).

Nu stiu daca ai observat, dar imaginea de sus si de jos care formeaza border-ul, sunt "asezate" cu style="position:relative; top:980px;". Sa fie acesta motivul? Versiunile mai vechi de IE sa interpreteze gresit distanta de sus pana la elementul respectiv? Alta idee nu mi-a venit.

Si inca ceva... pentru coloana de la meniul 2, cele 2 imagini sunt inserate una imediat dupa cealalta:
<img src="../images/meniu2_bottom.png" alt="bg" title="bg" />
<img src="../images/meniu2_top.png" alt="bg" title="bg" />
Cu toate acestea, pe versiunile mai vechi de IE apare un spatiu intre ele (asa cum se vede si in imaginea atasata in primul post)...

#4
h0tice

h0tice

    Member

  • Grup: Members
  • Posts: 379
  • Înscris: 21.03.2005
Offf... nu reusesc sa inteleg ceva... Am urmatorul cod sursa:
<div style="width:185px; border:1px solid black;">
	<img src="meniu2_bottom.png" alt="bg" style="padding:0px; margin:0px;"/>
	<img src="meniu2_top.png" alt="bg" style="padding:0px; margin:0px;" />
</div>
Doar atat. Nimic altceva. Si in acest caz, imaginile sunt afisate cu un spatiu intre ele pe IE6 (a se vedea in imaginea atasata). Cum as putea rezolva problema? Poate ca aceasta ar fi si rezolvarea pentru site-ul meu...
Va multumesc.

Attached Files



#5
onlyone

onlyone

    - - - GAME MASTER - - -

  • Grup: Senior Members
  • Posts: 12,845
  • Înscris: 08.10.2005
Internet explorer 6 e cel mai prost browser ever made
Problema asta apare din cauza ca el considera faptul ca ai apasat enter dupa fiecare rand de cod ca un <br />
Un workarround nasphet ar fi sa scrii tot codul pe o singura line fara sa apesi pe enter ceva de genul:

<div style="width:185px; border:1px solid black;"><img src="meniu2_bottom.png" alt="bg" style="padding:0px; margin:0px;"/><img src="meniu2_top.png" alt="bg" style="padding:0px; margin:0px;" /></div>

spatiul ala dispare si daca adaugi la  * { font-size: 0px;} lasand codul formatat normal

Edited by onlyone, 17 August 2010 - 09:38.


#6
h0tice

h0tice

    Member

  • Grup: Members
  • Posts: 379
  • Înscris: 21.03.2005
:wacko: Offf... nu pot sa cred... Ar trebui sa se interzica folosirea IE6...  :deadtongue:

Solutia propusa de tine functioneaza, dar nu prea as vrea sa imi scriu tot site-ul intr-o singura linie... Oricum, probabil ca aceasta este cauza pentru care toate acele imagini sunt decalate.

Dar cred ca am gasit o metoda putin mai "eleganta":
<style type="text/css">
br.fara_spatii {padding:0px; margin:0px;}
</style>

<div style="width:185px; border:1px solid black;">
	<img src="meniu2_bottom.png" alt="bg" style="padding:0px; margin:0px;"/><br class="fara_spatii" />
	<img src="meniu2_top.png" alt="bg" style="padding:0px; margin:0px;" /><br class="fara_spatii" />
</div>

O sa ma apuc de modificat si va anunt daca este chiar o solutie buna.

#7
onlyone

onlyone

    - - - GAME MASTER - - -

  • Grup: Senior Members
  • Posts: 12,845
  • Înscris: 08.10.2005
incearca sa pui pe o linie doar acolo unde se invecineaza divurile sau imaginile si vezi ce iese, nu si codul din interiorul divurilor

Edited by onlyone, 17 August 2010 - 10:15.


Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

1 user(s) are reading this topic

0 members, 1 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