- This topic is empty.
September 30, 2010 at 12:22 pm #30403
OK, I’m sure this is an easy fix but for the life of me I can’t seem to get what it is. This page is working fine on everything but IE browsers.
If you view it in an IE browser, the content in the left hand column is being thrown down below the right hand image. I have tried clearing the float, but it still seems to throw everything below. Can someone take a look and let me know what I am doing wrong. I hate IE :-(
MikeSeptember 30, 2010 at 1:46 pm #78637Quintin_SMember
Unfortunately, I can’t have a look, since I don’t have a machine with IE on it with me at the moment. However, this post on NetTuts+ is always my first stop for problems: http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/September 30, 2010 at 1:53 pm #78639zackwMember
ive tried in every version of ie down to 6 and cant seem to replicate the issue – either u fixed it or it doesn’t exist – if u still are having the problem please provide a screenshotSeptember 30, 2010 at 2:05 pm #78640
Give the # wrapper a overflow:hidden;September 30, 2010 at 2:27 pm #78642
I tried the overflow:hidden on my #wrapper id, but no luck. Here is a screen shot of IE 7 and how it is rendering for me in this browser.
MikeSeptember 30, 2010 at 2:33 pm #78643BobMember
I’m sure you can find you can find your answer here: https://css-tricks.com/all-about-floats/September 30, 2010 at 2:42 pm #78644
I just read this and I’m still not certain that the float is my problem. I will continue to research this but if anyone has any other ideas I would appreciate it.
MikeSeptember 30, 2010 at 2:53 pm #78645
I found a solution, give the wrapper the height of 876px.
And the presentation-img right: 0px; position: absolute;September 30, 2010 at 2:59 pm #78646
You are the man! Thanks a bunch that worked. How did you come to that conclusion? I would have never thought about going after the fix that way.
MikeSeptember 30, 2010 at 3:09 pm #78648
Np m8, the wrapper and presentation-img gave the document in ie7 a width of 1380px so the only thing to do was to remove the presentation-img from the layout and make it independentSeptember 30, 2010 at 3:22 pm #78649
That makes sense. I really wish IE made everyone’s life easier. Again, thx for the help.
- The forum ‘CSS’ is closed to new topics and replies.