text doesn't float around image in IE7

Posted on 2009-05-18
Last Modified: 2012-05-07
text does not float afround image in IE7 on xp or windows. Correct behaviour in Firefox or IE 6 or less.


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
Question by:Darko_Kantic
  • 2
  • 2

Author Comment

ID: 24410286
forgot to mention, this site is done using Drupal and zen theme

Expert Comment

ID: 24410296
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...
LVL 42

Accepted Solution

David S. earned 500 total points
ID: 24410408
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:

One solution would be to move the ".fp-teaser-image" <div>s inside the ".fp-teaser-text" <div>s.

Author Closing Comment

ID: 31582519
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.
LVL 42

Expert Comment

by:David S.
ID: 24411099
> 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.

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now