webForumDet fria alternativet

Centrering av innehåll i lager??

HTML & CSS

3 svar · 230 visningar · startad av AndreasC

Medlem sedan mars 20011 964 inlägg
Frågan#1

Behöver hjälp med positionering av innehållet i ett lager. Jag har en tabell och i en av cellerna har jag ett lager i form av en <div>-tag som är satt till position:relative och storleken på lagret är satt till 100% för både top och left för att fylla ut hela cellen. Men hur gör jag för att den text som står i lagret ska centreras vertikalt??

Medlem sedan aug. 20002 975 inlägg
#2

Förmodar att det är width och height du satt till 100%. När jag testar i IE6 är position i såfall onödig.

Det enda jag kan komma på är en ful-lösning. Sätt in en transparent bild med bredden 1px och höjden 100% längst till vänster (eller höger) i lagret och justera mot denna.

Med CSS:

<div id="lager" style="width:100%; height:100%">
<img src="transparent.gif" style="width:1px;height:100%;vertical-align:middle">
Innehåll
</div>

Eller gammal hederlig html:

<div id="lager" style="width:100%; height:100%">
<img src="transparent.gif" width="1" height="100%" align="middle">
Innehåll
</div>
Medlem sedan mars 20011 964 inlägg
#3

Det där var ju riktigt smart :) Det hade jag inte tänkt på. Tack Matte :)

Menade ju width och height förstås, hehe. Blev inte så lite fel ;)

Medlem sedan juni 20004 308 inlägg
#4

Flyttar tråden till html/css då den hör mer hemma där.

258 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)