Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 429
  • Last Modified:

text doesn't float around image in IE7

text does not float afround image in IE7 on xp or windows. Correct behaviour in Firefox or IE 6 or less.

Site:
http://espace.agirlocal.com

On the main page, in 6 boxes, like "les Seronais", "l'universe bois" etc, the text is not floating corectly around little image, you can see corect behaviour in Firefox
0
Darko_Kantic
Asked:
Darko_Kantic
  • 2
  • 2
1 Solution
 
Darko_KanticAuthor Commented:
forgot to mention, this site is done using Drupal and zen theme
0
 
thiyagukCommented:
Try this in lieu of the css assigned to ".right", adjust to your taste:


.right {
margin-left: 100px
}


Hopefully that's more of what you were looking for...
0
 
David S.Commented:
It's acting differently in IE7 because ".fp-teaser-text p" has min-height and max-height set. Both of those properties trigger hasLayout which triggers or fixes many IE bugs.

To understand more about what hasLayout is, read this: http://reference.sitepoint.com/css/haslayout


One solution would be to move the ".fp-teaser-image" <div>s inside the ".fp-teaser-text" <div>s.
0
 
Darko_KanticAuthor Commented:
I tried to put ".fp-teaser-image" s inside the ".fp-teaser-text" s. as you suggested but it didn't work, same problem. So I got rid of max and min-height property and the problem disapeared. So I still have to solve problem of making those boxes of same hight.
0
 
David S.Commented:
> I tried to put ".fp-teaser-image" <div>s inside the ".fp-teaser-text" <div>s. as you suggested but it didn't
> work, same problem. So I got rid of max and min-height property and the problem disapeared. So I still
> have to solve problem of making those boxes of same hight.

Sorry. I forgot to add that the min-height and max-height declarations would need to be moved to the rule for ".fp-teaser-text".

You didn't need to create a separate question.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now