Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Rozciągnięcie diva przez zdjęcie
Forum PHP.pl > Forum > Przedszkole
dawidoff86
Witam! mam problem z rozciągnięciem diva w "przeglądarce" IE. w Firefoxie wszystko działa jak należy i wygląda w następujący sposób:

jednak w IE obrazek nie rozszerza diva i do tego wychodzi poza jego obramowanie:


zdefiniowane przeze mnie style css mają następującą postać:
pierwszy z nich to kanał, który zawiera wszystkie wpisy:
  1. .channel {
  2. margin: 5px;
  3. padding: 5px;
  4. border: 1px solid #000;
  5. overflow: hidden;
  6. font-family: Arial, sans-serif;
  7. }

natomiast entry przechowuje dany wpis (i to właśnie ona się nie rozciąga):
  1. .entry {
  2. margin: 10px;
  3. padding: 10px;
  4. border: 1px solid #666;
  5. overflow: hidden;
  6. text-align: left;
  7. height: auto;
  8. }

obrazek natomiast umieszczam w sposób:
  1. <img src="<?php echo $entries[$i]->getPicture(); ?>" align="left" width="100px" height="100px" alt="obrazek" />

co mam poprawić, aby w IE również wyświetlał wszystko poprawnie??
blooregard
  1. overflow:auto;
dawidoff86
niestety zastąpienie
  1. .entry {
  2. overflow: hidden;
  3. }

na
  1. .entry {
  2. overflow: auto;
  3. }

nic nie zmieniło.
Riklaunim
Przed zamknięciem DIVa daj
Kod
<br style="clear:both;" />
dawidoff86
to rozwiązuje problem. nigdy bym na to nie wpadł i kombinował dalej w cssach. dzięki
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.