jquery - Position:absolute misaligns div in Internet Explorer -
position: absolute used div misaligns div in internet explorer. works in mozilla firefox , chrome. can suggest workaround?
code
the solution wrap first input , hidden div in div, setting "wrapper's" position
relative
. position hidden div absolute
including left
, top
css property.
for start, see http://jsbin.com/uxerus/56/edit
should like:
css:
.wrapper { position: relative; } div.first { position: absolute; top: 24px; left: 0; z-index: 10; width: 298px; border: 1px solid #000; background: #fff; }
html:
<div class="wrapper"> <input type="text" id="input" name="input" value="first div" /> <div id="content" class="first"> <span>option 1</span> <span>option 2</span> <span>option 3</span> <span>option 4</span> </div> </div>
Comments
Post a Comment