[css] Problem z wyrównaniem tekstu w pionie w elemencie blokowym, jak zrobić, aby w elemencie blokowym tekst był na środku? Opcje

[Athlan]

Mam taki styl:

[HTML] pobierz, plaintext 
.nav
{
	display: block;
	width: 100px;
	height: 30px;
	vertical-align: middle;
}
[HTML] pobierz, plaintext 

niestety tekst jest ciągle u góry, jak daje verticala na bottom nadal jest u góry (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

btw, wywołanie:

[HTML] pobierz, plaintext 
<a href="index.php" class="nav">blablabla</a>
[HTML] pobierz, plaintext 

niby prosta sprawa ale jakoś nie umiem sobie poradzić (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

ps: http://riddle.jogger.pl/2006/04/19/wszystk...trowaniu-w-css/ - to mi nie pomogło, centrowanie divów jako tabel (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Ten post edytował Athlan 25.07.2006, 09:00:43

[Ja_Szczur]

można kombinować tak: [dobrać odpowiednio padding div'a]

[HTML] pobierz, plaintext 
<style>
 
.nav {
   display: block;
   width: 100px;
   height: 30px;
}
 
a.nav div {
   padding: 5px 0px 5px 0px;
}
 
</style>
 
<a href="index.php" class="nav">
	<div>
		blablabla
	</div>
</a>
[HTML] pobierz, plaintext 

ale może istnieje ładniejsze rozwiązanie...

[Athlan]

@Ja_Szczur - po co dajesz diva do środka jak padding mozna nałożyć na element lina (blokowy przy okazji)?

btw nie działa (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[Ja_Szczur]

tak? bo u mnie działa [FF 1.5.0.4, IE 6, Opera 8] (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

daję po to, że dla FF wysokość to height + padding-top + padding-bottom
czyli gdybym padding dla linka ustawił, to:
w FF to 30px + 5px + 5px = 40px
a dla IE jest to nadal 30px

stąd różnice w wyświetlaniu przez te przeglądarki
zawsze stosuję taką konstrukcję (przeważnie dla nagłówków, treści), nie muszę używać dzięki temu haków na badzIEwIE :]

[Athlan]

a u mnie Opera 9 nie dziala, dlatego pytam... na starej operze mi dzialalo (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)