Forum PHP.pl

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

dla img daj sztywne wymiary

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

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

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

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

A czy IE to nie przeglądarka? (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

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