ugrás a tartalomhoz

A DIV-ek különböző képpen viselkednek IE és FireFox alatt

Xrisz · 2006. Dec. 13. (Sze), 22.30
hi!
van egy DIV-es oldalam ahol az egyik DIV a DIV-ben szerkezet szélessége más IE-ben és más Firefox alatt.
meglehet valahogy hackelni hogy egyforma méretben jelenjenek meg?

vagy lehet adni valami feltételvizsgálatot neki?
pl: ha IE akkor: a szélesség: 100px
ha Firefox: a szélesség: 60px ???

ha valaki segítene annak nagyon hálás lennék
‹ HTML kód betöltése TEXTAREA-ba OOo Calc -> CSS formázott táblázat ›
 ■
1

nem értem

Blackfriar · 2006. Dec. 13. (Sze), 22.44
most azt akarod, hogy egyforma széles legyen vagy sem?
2

default...

ukrán · 2006. Dec. 13. (Sze), 22.46
Nem lehet, hogy az a probléma, hogy a margin, padding és border értékeket nem állítod be? Ugyanis ennek az alapértelmezése böngészőként más és más, ha nem állítod be, akkor persze hogy máshogy jelenik meg.

margin:0;
border:0;
padding:0;

vagy amekkora értéket akarsz.

Lehet feltételvizsgálatot is végezni (conditional comment), de szerintem esetedben ez teljesen felesleges.
4

nem

Bártházi András · 2006. Dec. 14. (Cs), 08.48
A kérdező DIV elemet említett. Annak minden böngészőben alapértelmezetten 0-k ezek az értékei.
3

box model

Őry Máté · 2006. Dec. 13. (Sze), 23.15
a hiba eredete az IE és a szabvány box model közti eltérésből ered.
a szabványos így néz ki:

                         } margin-top
 +-----------+             border-top
 |xxxxxxxxxxx|           } padding-top
 |x         x|   } szabvány height
 |xxxxxxxxxxx|           } p
 +-----------+             b
mbp         pbm          } m 
   \-------/
      szabvány width
míg az ie a paddingot, a bordert és a margint is beleszámolja. strict doctype esetén ez nincs így.
5

doctype a megoldás

Bártházi András · 2006. Dec. 14. (Cs), 08.50
Igen, egyetértek, a doctype beállítása a megoldás! Enélkül csak a szívás van, viszont ha be van állítva, jóval egyszerűbb lesz a helyzet. Lásd Weblabor forrásának első sora, ha ez így nem volt világos.
6

Köszi

Xrisz · 2006. Dec. 14. (Cs), 23.10
köszi szépen mindenkinek sikerült megoldanom a problémát