Böngésző független CSS??? Hogyan?

Internet: PHP, CGI, stb.

Sziasztok!

Nagy gondom van, szeretnék egy normális kinézetű oldalt alkotni CSS segítségével, de egy sor problémába ütköztem.

Pl:
Vegyünk két dobozt, az egyik 700px széles, a másik 680 px széles, 10px padding értékkel, ekkor a két doboz firefoxban egyforma széles, az opera viszont már a másodkat 20px-el kisebre veszi.

Igazság szerint per pillanat ez a legnagyobb gondom, ezt ki lehet küszöbölni valami trükkel? Biztosan lehet, de lövésem sincsen hogyan...

  • 2977 megtekintés

( Polesz v | 2006. 03. 07., k – 16:31 )

Ez sajnos így van és ebben az operának van igaza. A szélességet meghatározod tehát a 2 doboz 700 és 680 pixel széles lesz, ezt a firefox a paddinggal megtoldja, míg az opera (szerintem helyesen) a belső méretből veszi le. 


Firefox

---- 700px --------------------- doboz 1
 ---- 680px -------------------  doboz 2
---- 700px --------------------- doboz 2+20px padding

Opera

---- 700px --------------------- doboz 1
 ---- 680px -------------------  doboz 2
  ----- 660px ----------------   doboz 2-20px padding

Remélem érthető.

--
Az élet harc. Délelőtt az éhséggel, délután az álmossággal.

ezt honnan szeded? ez az ie bugja, es az opera transitional doctypenal az ie boxmodelt hasznalja (ezek szerint). hasznalj strict doctypot, akkor ie6ban es operaban is jo lesz.

es hogy miert hulyeseg? van egy 100px szeles keped. szeretnel _kore_ keretet. a kep legyen kisebb? f@szt. a kep maradjon akkora es _korulotte_ maradjon meg a hely

szerk: ja es ez nem az en hulyesegem, hanem a css eredeti es szabvanyos boxmodelje

( pgee | 2006. 03. 08., sze – 12:23 )

Végülis sikerült megoldani táblázatok nélkül, padding érték helyett a dobozban lévő elemek margin értékekkel lehet trükközni. így a cucc most operában, firefoxban, és ie-ben is "majdnem" ugyanúgy néz ki... Még mindig nem kellett táblázat :-)

--------------------
Powered by Ubuntu 5.10

Nemtom, én az ilyen hülyeségeket (mert lesz még, az tuti), úgy oldottam meg, hogy az inkompatibilis CSS-eket minden böngészőre külön megírtam (gecko.css, ie.css, ie4.css, opera.css, khtml.css) és van még az eredeti közös CSS. Namost az eredeti közös css-t minden böngésző megkapja és szerver oldalon a kliens string alapján még a saját rendermotorjának megfelelőt is. A speciális css-ekben pedig felüldefiniáltam a szabványoshoz képest rosszul renderelt dolgokat.
Bár ez elég melós, az igaz.

( edaile | 2006. 03. 08., sze – 23:52 )

Csak hogy reggel megtaláljam, bocs....

( pgee | 2006. 03. 09., cs – 09:07 )

Ugyan már nem teljesen a témához tartozik, de azért megkérdezem :-)

Meg lehet azt oldani, hogy ha van két dobozom, pl box1 a box2-ben, akkor a box1 magassága mindig pontosan annyi legyen, mint a box2-nek(szülő)?
--------------------
Powered by Ubuntu 5.10