[CSS][HTML] Rozciągnięcie diva przez zdjęcie Opcje

[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:

[CSS] pobierz, plaintext 
.channel {
	margin:  5px;
	padding: 5px;
	border: 1px solid #000;
        overflow: hidden;
	font-family: Arial, sans-serif;
}
[CSS] pobierz, plaintext 

natomiast entry przechowuje dany wpis (i to właśnie ona się nie rozciąga):

[CSS] pobierz, plaintext 
.entry {
	margin:  10px;
	padding: 10px;
	border: 1px solid #666;
        overflow: hidden;
        text-align: left;
        height: auto;
}
[CSS] pobierz, plaintext 

obrazek natomiast umieszczam w sposób:

[HTML] pobierz, plaintext 
<img src="<?php echo $entries[$i]->getPicture(); ?>" align="left" width="100px" height="100px"  alt="obrazek" />
[HTML] pobierz, plaintext 

co mam poprawić, aby w IE również wyświetlał wszystko poprawnie??

[blooregard]

[CSS] pobierz, plaintext 
overflow:auto;
[CSS] pobierz, plaintext 

[dawidoff86]

niestety zastąpienie

[CSS] pobierz, plaintext 
.entry {
overflow: hidden;
}
[CSS] pobierz, plaintext 

na

[CSS] pobierz, plaintext 
.entry {
overflow: auto;
}
[CSS] pobierz, plaintext 

nic nie zmieniło.

Ten post edytował dawidoff86 1.03.2010, 12:13:12

[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