Jump to content
php.lv forumi
Sign in to follow this  
ray

margin 100px uz IE un FF savādāki

Recommended Posts

Ar div gribu nolikt tekstu lapas vajadzīgajā vietā. Norādot iekšējam div margin-left: 100px uz FF viss ir ok, bet uz IE tas ir lielāks (izskatās ~200px). Kā šo kļūdu labot?

Share this post


Link to post
Share on other sites

Tev tie divi tiek floatoti pa kreisi vai ne ?

 

http://www.positioniseverything.net/explor...led-margin.html

 

Risinājumi:

1) Neizmantojam margin-left, bet gan padding-left.

2) Liekam padding-left parent elementam un floatotajam elementam neliekam neko.

3) Ar conditional comments paliidziibu liekam IE6 un vecaakiem redzeet margin-left: 50px, kas rezulteesies 100px.

4) Tajā linkā ir risinājums ar display: inline. Cik atceros, ka kādreiz esmu izmantojis, bet tagad vairs īsti neatceros cik labi strādāja.

Edited by andrisp

Share this post


Link to post
Share on other sites

Ja ātrumā pareizi sapratu, tad problēma ir tajā apstāklī, ka eb browseri 100px platam objektam maliņu liek klāt, rezultātā ja maliņa ir 25pz tad objekts aizņem 25+100+25 px, taču IE šo maliņu neliek klāt bet gan samazina pašu elementu un uz IE rezultātā platums ir 25+50+25 px.

 

atrisināt to vardarot tā:

1.ar conditional komentu pārbaudam vai ir ie ja ir tad elementu liekam divā kura lielums ir elementa vēlamais lielums+malas un uzstādam malas.

2.Ja nav, tad lieku div netaisam un liekam maliņas elementam

 

manuprāt šis ir vienkāršākais variants...

Share this post


Link to post
Share on other sites

Blekss, margin'i netiek ņemti vērā rēķinot platumu nevienā no pārlūkiem.

 

Un vispār, ja tā arī būtu problēma, vislabākais risinājums ir kodēt Standartu režimā (norādot pareizu doctype) nevis Quirks režīmā.

Share this post


Link to post
Share on other sites
Sign in to follow this  

×