4 replies [Last post]
aakash
Offline
newbie
Last seen: 13 years 40 weeks ago
Joined: 2007-02-19
Posts: 6
Points: 0

Hi,

I am working on the website called http://www.tommys.org/

web site is working fine in FF and IE 5 and 6 but when it comes to IE 7 it is doing something wrong, if we will look into the top banner where it says something like

"this much money can help tomys in ....a way" on the bluesh background (Text changes each time we view the page)

To view the page please visit follwoing link...
http://www.tommys.org/pregnancy-information/getting-pregnant.htm

I think this is a problem specific to IE7 becuase I am not having this type of problem in any other browser.

soonest advice or help inthis would be hightly appreciative.
Aakash

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 3 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

This div: <div

This div:

needs a suitable height.

aakash
Offline
newbie
Last seen: 13 years 40 weeks ago
Joined: 2007-02-19
Posts: 6
Points: 0

thanks cleave for quick

thanks cleave for quick reply

My text changes dynamically and I am not having this hight problem in FF and IE5 and 6. It is only occuring in IE7...

I am not understanding why it is happining in IE7 only

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 3 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Because in IE earlier than 7

Because in IE earlier than 7 height meant min-height. In IE7 you must use min-height if you want the same effect

If you have used any hacks for IE6 and earlier for height that IE7 can still see, it will break in IE7.

If you have used the * html hack for IE then IE7 cannot see it. Curiously, where FF is happy with some height settings, IE7 needs this setting to auto and a min-height od the same amount as the height that worked in FF setting.

For example, setting html,body{height:100%} and then the main containg div for the page set like #container{height:100%} worked OK for IE5/6 and FF

But, for IE7, you must feed it special rules for the container as #container{height:auto:min-height:100%}

Now we all know that MS are daft.

aakash
Offline
newbie
Last seen: 13 years 40 weeks ago
Joined: 2007-02-19
Posts: 6
Points: 0

Thanks again for another

Thanks again for another quick reply,
Problem has been solved,

Thanks