Autor | Zpráva | ||
---|---|---|---|
Jax Profil * |
#1 · Zasláno: 7. 2. 2009, 01:52:38
Zdravim,
po dlouhém a zbytečném hledání už se obracím sem. Problém je následující a dělá ho jen IE. (u mě IE7) Jakmile dám input do divu s nastavenou šířkou, který je v divu s nasteveným marginem, tak ho to posune doprava. <div style="margin-left:200px; border:1px solid blue;"> <div style="width:100%; border:1px solid red;"><input type="text"></div> </div> Pokud vynechám margin v prvním divu nebo width ve druhém, tak problém mizí, jenomže obě věci jsou potřebné. Díky. |
||
Bubák Profil |
#2 · Zasláno: 7. 2. 2009, 02:28:17
Bug IE, je třeba zapnout hasLayout pro první DIV. Z CSS vlastností, které v IE zapnou hasLayout bych pro tento případ doporučil:
display: inline-block; Pokud by to šlo, raději bych nastavil DIVu pevnou šířku. Též je možné použít šířku 100%, ale přidávat další DIV se mi zdá zbytečné, když to jde jednodušeji: <div style="border:1px dotted black;width:100%"> <div style="margin-left:200px; border:1px solid blue;width:100%"> <div style="width:100%; border:1px solid red;"><input type="text"</div> </div> </div> |
||
Jax Profil * |
#3 · Zasláno: 7. 2. 2009, 03:12:03
Díky, pomohlo to. Až na jeden detail.. ten width (u mě) v druhým divu byl potřeba proto, abych moh dát tomu inputu taky width:100%.. coz mi vsude normalne fungovalo..
Akorát, že teď to skvěle funguje v IE, ale ne v Opeře. :( <div style="border:1px dotted black;width:100%"> <div style="margin-left:200px; border:1px solid blue;width:100%"> <div style="width:100%; border:1px solid red;"><input type="text" style="width:100%"></div> </div> </div> To člověk půl času stráví u ladění pro prohlížeče.. |
||
Jax Profil * |
#4 · Zasláno: 7. 2. 2009, 15:30:52
Jo už mi to došlo :))
<div style="margin-left:200px; border:1px solid blue; _display:inline-block;"> <div style="width:100%; border:1px solid red;"><input type="text" style="width:100%"></div> </div> Rano moudřejší večera.. |
||
Časová prodleva: 15 let
|
0