Witam, mam problem.
Na mojej stronie tło każdego nagłówka okienka jest ograniczony do tekstu, moim celem było wycenrowanie tekstu w pionie. Ale niestety, jak wstawiam display:table-cell to co prawda centruje mi w pionie ale zato tło się "ogranicza do tekstu".

Proszę o pomoc.

http://www.royson.cba.pl

[HTML] pobierz, plaintext 
 
div.goraokno {
background: url(bobek.jpg);
height:40px;
width:100%;
letter-spacing:1px;
text-align: center;
display:table-cell;
vertical-align:middle;
}
 
[HTML] pobierz, plaintext 

Wyjaśnij dokładniej o co chodzi z "ogranicza od tekstu" ,bo nie potrafię sobie tego wyobrazić. I napisz o jakie napisy i okienka na tej stronie Ci chodzi ,bo trochę ich tam jest.

Dobra już wiem chodzi Ci o szerokość tych okienek z gradientem. Usuń to display cell i wstaw styl:
line-height: 40px;

align vertical działa jedynie na tabelach, spróbuj użyć display:table; (choć nie wiem czy to w ogóle zadziała) albo po postu dodaj odpowiednie marginy czy paddingi od góry.

z paddingami juz probowalem, caly naglowek sie rozszerza. chyba bede musial z marginesami poprobowac...

a próbowałeś z tym line-height i font-size

[HTML] pobierz, plaintext 
div.goraokno {
background: url(bobek.jpg);
height:40px;
width:100%;
letter-spacing:1px;
text-align: center;
line-heigth:40px;
font-size:12px;
}
[HTML] pobierz, plaintext 

Spróbuj!

Daj po prostu padding-top dajmy na to 10px i o tyle samo zmniejsz wysokość tego elementu.



Wg. mnie nie potrzeby tworzenia dodatkowego diva. Spróbuj wkleic kod który podesłałem w poprzednim poście.

Prądzi ;P Dzięki wielkie!