Autor Zpráva
Jax
Profil *
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
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 *
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 *
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..

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: