webForumDet fria alternativet

Bugg IE med fieldset

2 svar · 525 visningar · startad av Addeladde

AddeladdeMedlem sedan jan. 20013 406 inlägg
#1

Hej

Titta på denna kod:
CSS

<style>
.fs {  width: 320px; float: left; margin-right: 0; }
.fs input {  display: block; margin:-1.5em 0 0 9em; vertical-align: middle;  }
</style>

html

 <fieldset class="fs" accesskey="D">
    <legend>Gruppering</legend>
        <label id="Label17">Fält A: <input name="timpris" type="text" value="0" id="a" /></label>
        <label id="Label18">Fält B: <input name="taktimmar" type="text" value="0" id="b"  /></label>
        <label id="Label19">Fält C: <input name="timprisovertak" type="text" value="0" id="c" /></label>         
  </fieldset>

I firefox ser allt rätt ut men IE så får varje input en linje igenom sig.
Det beror på display: block; som är satt på input. Tar man bort border-top på fieldset så försvinner linjerna men det resulterer också i att fieldsettet inte får en hel ramlinje runt sig.

Kan man lösa detta?

zcorpanMedlem sedan dec. 20042 245 inlägg
#2

Testa ange float:left på en förälder div till fieldset.

AddeladdeMedlem sedan jan. 20013 406 inlägg
#3

Fungerade tack!

134 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)