ugrás a tartalomhoz

div height nullázás probléma firefox és opera alatt

Monsz · 2006. Dec. 28. (Cs), 21.11
Sziasztok!

Nem vagyok designer, inkább webprogramozó, de néha kell designt is macerálnom, és most egy számomra megfejthetetlen hibajelenségbe ütköztem.
Van két div-em (az oldalon persze van még jópár, csak azokkal nincs gond), egymásba ágyazva, css fileban megadva minden paramétere, a háttérkép kivételével, mert az smartyban kapja az elérési utat.
IE-ben nincs gond, firefoxban nálam kb. 10-15-ből egyszer kinullázza a height tulajdonságát a div-eknek (amíg a html-be style-ként adtam meg, egyszerűen elhagyta ezt a beállítást!), operában pedig minden esetben így csinálja.

Van tapasztalatotok, mi lehet a kínja? Nagyon idegesítő, az ilyen dolgok miatt utálok designnal foglalkozni, de most nem tudom másra bízni:)

A kódrészlet:

<div id="div1" style="background-image:url({$images_path}hatterkep.gif);">
	<div id="div_gomb" style="background-image:url({$images_path}gomb.gif);">
		<a href="akarmi.php" style="font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC3300; font-size:18px; padding-left:30px;">{$szovegek.akarmi}</a>
	</div>
</div>
<script language="javascript">popunder();</script>
</div>
{include file='lablec.tpl'}
‹ PROTOTYPE kilép az objektumból? Checkbox körül rés ›
 ■
1

Amit kifelejtettem, a css tartalma

Monsz · 2006. Dec. 28. (Cs), 21.31
Ez az idevonatkozó rész a steyle.css-ből:

#div1 {
	position:relative;
	left:10px;
	width:493px;
	height:264;
	z-index:2; 
}

#div_gomb {
	position:relative;
	left:130px;
	top:200px;
	height:35;
	width:250;
	z-index:3;
	background-repeat:no-repeat;
	padding-top:5px;
}
2

Megvan:)

Monsz · 2006. Dec. 28. (Cs), 22.04
Jól elbeszélgetek magammal, közben rájöttem a megoldásra:)
Az, hogy a height-width méreteknél hiányzott a px, rossz hatással volt.
Már csak az a rejtély, hogy a firefoxnak miért csak néha okozott mindez problémát:)
3

FF hiba

szotsaki · 2006. Dec. 29. (P), 20.23
Felteszem a Firefoxban rossz a CSS megvalósítása.

Ha szabványról van szó, akkor Opera az első (Acid2 teszten már vagy fél éve átment, sőt már a Wii konzolos Opera is vágja), aztán csak utána jön a Firefox (a teszten még most sem bír átmenni), és az IE-t, gondolom, nem kell bemutatnom :D
4

Kiegészítés

attlad · 2006. Dec. 29. (P), 22.56
Ha hibás a CSS nem várható el korrekt működés. Ennek elkerülésére van a CSS validátor.

Acid2 tesztet már tudja FF:
http://digg.com/tech_news/Latest_Firefox_build_passes_Acid2
5

válasz

Monsz · 2006. Dec. 30. (Szo), 03.03
Jaja, rájöttem én is, csak nem vettem észre sokáig.
Az volt a legzavaróbb, hogy a firefox nem mindig jól/rosszul mutatta, hanem néha jól, néha rosszul. Nem tudom, mi ennek az oka.
Az operát is végül azért telepítettem fel, hogy hátha az alapján biztos lehetek abban, hogy most végülis milyen az oldal szabványosan.
Az, hogy az ie-ben milyen, az csak azért számít, mert azért a látogatók 70%-a még mindig abban böngész.
6

FF Acid2-n bukik

szotsaki · 2006. Dec. 30. (Szo), 13.31
Firefoxot pont most néztem meg, és bizony elég csúnyán bukott a teszten.

Firefox megnyit, Acid2 teszt, és szét van esve az egész fej...

Operában, Konquerorban hibátlan.
7

Lásd link

attlad · 2006. Dec. 30. (Szo), 13.36
Ott vannak a képernyőképek a linken. (Remélem nem a 2.0 verzióval nézted.)
9

2.0

szotsaki · 2006. Dec. 30. (Szo), 18.43
Valóban nem figyeltem a képekre, ez elkerülte a figyelmem.

Természetesen a 2-es verzióval néztem, mivel eddig elképzelhetetlennek tartottam, hogy egy böngésző szabványok tekintetében visszafele fejlődjön...
Eddig.
10

Nem fejlődött vissza

attlad · 2006. Dec. 30. (Szo), 21.53
Habár már április óta tudja az Acid2-t és a FF 2.0 ezután jelent meg, de az a Gecko 1.8-ra épül, a linken lévő dolgok meg a fejlesztés alatt lévő (de nyilvánosan elérhető, letölthető), Gecko 1.9 alapú Firefox-ról szólnak.
8

Nem mindegy melyik version

krey · 2006. Dec. 30. (Szo), 13.37
This is a build of Firefox on the reflow branch, a development branch on which I'm making major changes to the way Gecko does intrinsic width computation and incremental layout, showing the Acid2 test being passed.

A lényeg, hogy megcsinálták.

üdv. krey

ps. látom megelőztek :)