Problem z vertical-align obrazka w IE

0

Witam, mam problem z IE. Oto fragment kodu strony który sprawia kłopot(tak sporo inline css, ale po prostu już próbowałem wszystkiego)

<html>
	<head>

	</head>		
		<div style="background-color: #FFF; height:337px; text-align:center">  
			<div style="width:980; height:337px;margin-left:auto; margin-right:auto;  text-align:center; background-color: #F00;">
		
				<div style="float:left; height:337px; display: table; text-align:center;"><a style="text-align:center; height:337px; display: table-cell; line-height:337px;  vertical-align: middle;" href="#"><img src="left.png" /></a></div>
							
				<div style="float:right; "><a style="height:337px; display: table-cell; line-height:337px;  vertical-align: middle;" href="#"><img src="right.png" /></a></div>
			
				</div>
		
			</div>
		</div>
		
	
	<body>
	</body>
</html>

kiedy img zastępuje tekstem, wszystko działa. Dla każdej przeglądarki tekst się wyśrodkuje natomiast w przypadku zmiany na left.png i right.png. Wyśrodkowanie pionowe nie działa(tylko IE).

0

poczatek body oczywiście powinien być zaraz po </head>, taki mały bład sie wkradł. Problem nadal występuje.

0

Opisz jeszcze słowami - co w ogóle próbujesz uzyskać.

0

Cóż to co widać podczas otwarcia tego kodu w każdej przeglądarce poza IE;-)
A dokładniej chcę mieć dwa div'y wewnątrz innego diva kontenera. Ten kontener ma mieć ustalone width i height.
Pierwszy wewnętrzny div ma mieć float:left, drugi float:right, oba mają być tej samej wysokości co kontener i szerokości tylko takiej aby pomieścić obrazki umieszczone wewnątrz nich (coś w rodzaju strzałek lewo prawo). Te małe obrazki są dużo mniejsze niż height całego kontenera, chce żeby były wyśrodkowane w pionie wewnątrz tego kontenera oraz żeby były linkami. We wszystkich przeglądarkach uzyskałem ten efekt poza IE, wewnątrz IE obrazki są umieszczone na górze kontenerów, a nie na środku. Kiedy zmienię obrazki na tekst to wszystko działa również dla IE =/

0

Jak znasz wysokość tych obrazków/tekstu, w dodatku przeznaczeniem tego mają być strzałki - to skłoniłbym się do absolutów.

0

liczyłem że sie bez tego obejdzie =/ durne IE.

0

możliwe, ale pod takie zastosowania (zakladam ze po srodku chcesz miec element do zmiany strzalkami) absolute będzie bardziej "naturalny"
jeżeli musi być na opływaniu to się coś wymyśli, nawet w to nie zaglądałem ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1