[Joel]

[edit] Rubriken borde nog var anått i stil med "Valign middle" istället h34r:

Jag har en meny som ser ut som följer:

<div class="menutab" onclick="document.location.href('/1');">Menyalternativ 1</div>
<div class="menutab" onclick="document.location.href('/2');">Menyalternativ 2</div>
<div class="menutab" onclick="document.location.href('/3');">Menyalternativ 3</div>
<div class="menutab" onclick="document.location.href('/4');">Menyalternativ 4</div>

med css'en:

.menutab {
color: #696969;
background-image: url(../_gfx/main/menubutton_background.gif);
width:100px;
height:28px;
font-weight: bold;
cursor: pointer;
text-align: center;
padding:0px;
font-size: 11px;
float: left;
border-right: 1px solid #FFFFFF;

Texten i varje "menyknapp" hamnar per automatik på "top". i en <td> kan man "centrera" texter med valign="middle", men finns det något liknande som fungerar i mitt fall? jag får inte till det

[Joel]

Jag svarar på mitt eget inlägg
line-height:24px; löste problemet!

[Lindahl]

Ok, det var ju också en sorts lösning, men det korrekta svaret är att det inte går. Eller iaf inte i IE. Jag vet inte om Firefox stöder det men för att få till det beteendet som du vill så skriver man

.menutab {
display: table-cell;
vertical-align: middle;
}

[Joel]

Precis, även om det inte går så finns det ju alltid work-arounds, och tur är väl det. Ska testa din version med.