Avatar billede steen_hansen Forsker
24. marts 2008 - 18:01 Der er 2 kommentarer og
1 løsning

vertical-align: middle; fungerer ikke i DIV

HTML:
<div class="divCon1">Mellemnavn</div>
<div class="divCon2"><input type="text" ..... class="input"></div>
<div class="clearboth"></div>

CSS:
.divCon1 {
float: left;
height: 23px;
width: 130px;
vertical-align: middle;
padding: 0px 0px 0px 20px;
}
.divCon2 {
float: right;
width: 30px;
height: 23px;
vertical-align: middle;
}
.clearboth {
clear: both;
}
.input {
width: 175px;
height: 17px;
font-size: 11px;
line-height: 17px;
vertical-align: middle;
border: 1px solid #000;
padding: 0px 0px 0px 5px;
background-color: #f6f6f6;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
}

Hvorfor centreres indholdet ikke? Ydermere, i FireFox er cursoren placeret oeverst i textboxen .....?
Avatar billede steen_hansen Forsker
24. marts 2008 - 20:21 #1
Jeg havde glemt en line-height, så nu er teksten i centreret vertikalt:

.divCon1 {
float: left;
height: 23px;
width: 130px;
line-height: 23px;
padding: 0px 0px 0px 20px;
}
.divCon2 {
float: left;
width: 30px;
height: 23px;
line-height: 23px;
}

Men <input type="text"> er stadig 1px fra toppen.
Avatar billede steen_hansen Forsker
24. marts 2008 - 20:38 #2
Jeg lavede <div> 2px lavere, og satte padding til 2px i toppen, så nu er den skubbet ned på plads. Det skurer i øjnene, men det virker. Lukker spørgsmål.
Avatar billede olebole Juniormester
24. marts 2008 - 23:12 #3
<ole>

Steen >> Tjek lige denne tråd ud for lidt forklaring:
    http://www.eksperten.dk/spm/823842?Esession=5cb071#rid7058018

Selvom du ikke kan lide din løsning, er det løsningEN  ;o)

/mvh
</bole>
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