Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
07-13-2011, 08:48 PM #1
IE7 negative margin pushes container area
I have created a dynamic layout that works great. Of course in everything but IE7. Here is what I am trying to accomplish. Picture 2 divs. One contains another one that has a negative top margin. The content goes in the negative margin. No heights are assigned to each.
| div y content |
| div x |
Okay, so like that (bad drawing, I know) where div y has a negative top margin. In IE7, if you have div y as a background of white and div x as a background of black, for all of the content you place in Y, it pushes div x down, creating more "black" space.
I am trying to eliminate all of that extra pushing down. It shows greatly on the site I am working on. Here is a picture / example
note: that flame is a transparent, absolute layer and should be on top.
Here is the url: www.scorpionwear.com/hdwp
I have checked the bugs for IE7 and can't seem to find or fix this one. PLEASE anybody help if you can
07-14-2011, 08:21 AM #2
- Join Date
- Mar 2007
- Thanked 2,223 Times in 2,210 Posts
- Blog Entries
The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)
07-14-2011, 04:22 PM #3
Thanks for pointing out some coding flaws. I used inline-block with the IE7 fix appended to it, so it is compatible. I know I should have wrote the code cleaner.
Even if it was all cleaned up, I still don't have an answer to the original question. It works perfectly in other browsers. It uses a graphic for the top and when the content gets enough height, it runs into the repeating background image of the #content div. Pretty slick, but IE7 doesn't like it.
07-15-2011, 04:18 PM #4