Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] float left zbyt nisko
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
cadavre
Mam taki sobie oto kod:
  1. <div id="top">
  2. <img src="top_left.png" alt="-" style="float:left;" />
  3. <div id="upmenu">
  4. Treść
  5. </div>
  6. <img src="top_right.png" alt="-" style="float:right;" />
  7. </div>

oraz towarzyszący mu kod CSS:
  1. #top {
  2. margin: 15px auto 0 auto;
  3. width: 96%;
  4. min-width: 920px;
  5. height: 32px;
  6. background-image: url('top_bg.png');
  7. background-repeat: repeat-x;
  8. }
  9. #upmenu {
  10. height: 32px;
  11. width: 636px;
  12. margin: 0 auto;
  13. }

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ć?
MatheW
dla img daj sztywne wymiary
Zepco
A gdybyś dał dla menu atrybut display: inline?
MatheW
Cytat
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? winksmiley.jpg
kwiateusz
[ot]mam nadzieje że mnie nie zabija.. ale odpowiedź na Twoje pytanie:
http://bash.org.pl/114631/ [/ot]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.