[html] float left zbyt nisko Opcje

[cadavre]

Mam taki sobie oto kod:

[HTML] pobierz, plaintext 
<div id="top">
	<img src="top_left.png" alt="-" style="float:left;" />
	<div id="upmenu">
		Treść
	</div>
	<img src="top_right.png" alt="-" style="float:right;" />
</div>
[HTML] pobierz, plaintext 

oraz towarzyszący mu kod CSS:

[HTML] pobierz, plaintext 
#top {
	margin: 15px auto 0 auto;
	width: 96%;
	min-width: 920px;
	height: 32px;
	background-image: url('top_bg.png');
	background-repeat: repeat-x;
}
#upmenu {
	height: 32px;
	width: 636px;
	margin: 0 auto;
}
[HTML] pobierz, plaintext 

Mam problem z przyleganiem obrazka top_right.png do prawej strony. Mimo iż jest miejsce na ten obrazek, wyświetla go w linii niżej o tak: http://img218.imageshack.us/img218/7417/new2ym4.jpg a powinien nałożyć go z prawej strony diva, którego wysokość jest równa wysokości obrazka.

Jak to poprawić?

Ten post edytował cadavre 17.11.2006, 14:51:36

[MatheW]

dla img daj sztywne wymiary

[Zepco]

A gdybyś dał dla menu atrybut display: inline?

[MatheW]

A gdybyś dał dla menu atrybut display: inline?

To wtedy wymiary tego menu poszly by sie ... (nie byly by brane pod uwage)

[cadavre]

Tak - dokładnie. Menu musi być block. IMG ma sztywne wymiary i display: block;.

[Zajec]

Ten problem opuszczenia img wystepuje w przeglądarce czy w IE?

[pomek]

A czy IE to nie przeglądarka?

[kwiateusz]

[ot]mam nadzieje że mnie nie zabija.. ale odpowiedź na Twoje pytanie:
http://bash.org.pl/114631/ [/ot]