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

[ray]

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?

[andrisp]

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 February 27, 2008 by andrisp

[Blekss]

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

[andrisp]

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

[Blekss]

Taisnībā, runa bija par padding, border un veciem IE browseriem...

 

Atvainojos par maldinošo informāciju....