On Mar 7, 2011, at 5:38 PM, dick van swieten wrote:

> I made a website in CSS that works fine in all major browsers, except in
> IE7.
> I used position: fixed for the upper part of the pages (the logo, slideshow
> and navigationbuttons)
> and these parts are not shown in IE7.
> 
> The CSS Validator doesn't show any errors, so I really have no idea how to
> "fix" this.
> At first I believed that the slideshow caused the problem, but when I
> replace the slides with
> background-images the same problem occurs.
> Could somebody help me please ?
> http://www.kunsthanger.nl/

An interesting case of margin-collapse through we heave here :-)

The #sidebar element has a margin-top of 194px, and is pushing down 
**everything** in the page. That is the correct and expected behaviour, btw. IE 
< 8 get this wrong because the parent element (#wrapper) has a width set, and 
trigger the haslayout bug. What Opera does I still don't understand after all 
those years.

A quick and easy fix: set padding-top: 194px on #wrapper and remove the 
margin-top on #sidebar (not tested in IE, but I think that should hold fine).


Philippe
--
Philippe Wittenbergh
http://l-c-n.com/






______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to