Solved

text doesn't float around image in IE7

Posted on 2009-05-18
5
422 Views
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.

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
Comment
Question by:Darko_Kantic
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 

Author Comment

by:Darko_Kantic
ID: 24410286
forgot to mention, this site is done using Drupal and zen theme
0
 
LVL 7

Expert Comment

by:thiyaguk
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...
0
 
LVL 42

Accepted Solution

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

Author Closing Comment

by:Darko_Kantic
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.
0
 
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.
0

Featured Post

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

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

Suggested Solutions

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

737 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