Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z float pod IE7
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
paw-e-l
Witam

http://paw-e-l.net/fuck_ie.html
co zrobić aby div #bg pod ie nie rozciągał się na 100% szerokości?
problem pod ie polega na tym że jeśli jakiś div z float: right (#bg) ma w sobie elementy z float: right (#image, #text) to zamiast przyjmować szerokości elementów znajdujących się w nim zajmuje 100% szerokości rodzica.
w ff i operze jest ok :]
slammer
  1. <style type="text/css">
  2. #container {
  3. width: 500px;
  4. border: 1px dotted blue;
  5. }
  6.  
  7. #bg {
  8. float: right;
  9. background-color: #E9E9E9;
  10. margin: 3px;
  11. text-align: right
  12. }
  13.  
  14. #image {
  15. width: 40px;
  16. height: 40px;
  17. margin: 3px;
  18. }
  19. </style>
  20.  
  21. <div id="container">
  22. <div id="bg">
  23. tlo ma sie rozszerzac w zaleznosci od ilosci tekstu
  24. <img id="image" src="fuck_ie.jpg" />
  25. </div>
  26. <div style="clear: both"></div>
  27. </div>
paw-e-l
Dzięki za odpowiedź.
Próbowałem wcześniej rozwiązania które podałeś ale nie jest ono odpowiednie. Jeśli będzie więcej niż 1 linijka tekstu (<br />) obrazek nie jest oblewany tak jak powinien bo nie ma ustawionego float.
http://paw-e-l.net/fuck_ie2.html
slammer
poszperałem trochę i cóż, jedynym rozwiązaniem jakie znalazłem na flot: right to nadanie określonej szerokości dla diva
paw-e-l
no cóż... wygląda na to że pozostaje zaprzęgnąć do tego jquery winksmiley.jpg dzięki za zainteresowanie tematem.
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.