Avatar billede simonverndal Nybegynder
30. maj 2008 - 09:52 Der er 7 kommentarer

Inputfields forskubbes i IE, men fungerer dog i FF

Jeg er rendt ind i et problem i forbindelse med mit arbejde. Jeg er igang med at bygge en signup-side op og er rendt ind i følgende problem: I IE forskubbes de 2 sidste inputfields i første kolonne hvor den første står som den skal. CSS'en er den samme for alle labels og inputfields, der er dog forskellige ID og classes indholdet befinder sig i. Eksemplet kan ses her: http://proads.dk/vildmedmary/

Et udsnit af koden hvor problemet er i:
<div id="content1">
      <div class="content1">
        <p>Lorem dip sorem up lor in der ik thor norum.<br />
          Lorem dip sorem up lor in der.</p>
        <label>Ønsket brugernavn:</label>
        <input type="text" name="textfield" id="username" class="textfield" />
        <label>Password:</label>
        <input type="text" name="textfield" id="password" class="textfield" />
        <label>Email:</label>
        <input type="text" name="textfield" id="email" class="textfield" />
      </div>
    </div>

Firefox viser det fint, det er kun IE der fejler.
Avatar billede erikjacobsen Ekspert
30. maj 2008 - 10:03 #1
Kan det ikke klares med en <br> efter din <label> - og så bør du for tilgængelighedens skyld knytte din label og dit inputfelt sammen.
Avatar billede simonverndal Nybegynder
30. maj 2008 - 10:15 #2
Jeg wrappede bare inputfieldet med label-tagget, så funker det: <label>Ønsket brugernavn:
        <input type="text" name="textfield" id="username" class="textfield" /></label>  Super, tak for det. Smid et svar.
Avatar billede erikjacobsen Ekspert
30. maj 2008 - 10:42 #3
Jeg samler slet ikke på point, tak.

For tilgængelighedens skyld (men selvfølgelig ikke renderingen) kan man også

  <label for"password">Password:</label>

hvor værdien i for-attributten er id på det tilhørende <input>-element.
Avatar billede simonverndal Nybegynder
30. maj 2008 - 11:46 #4
Så siger jeg tak for hjælpen. :-)
Avatar billede roenving Novice
30. maj 2008 - 16:57 #5
Mangler der ikke et lighedstegn ?-)

<label for="password">Password:</label>
Avatar billede erikjacobsen Ekspert
30. maj 2008 - 18:40 #6
Jo, roenving, det var bare for at se om du ville opdage det ;)
Avatar billede roenving Novice
31. maj 2008 - 12:57 #7
&#8801;,-]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester