Begin forwarded message:

> From: dick van swieten <[email protected]>
> Date: March 8, 2011 6:19:35 PM GMT+09:00
> To: Philippe Wittenbergh <[email protected]>
> Subject: Re: [css-d] position: fixed, problem in IE7
> 
> hello Philippe,
> 
> Thanks for your reply, I appreciate that very much.
> I tried your solution, set a padding-top:194px on #wrapper and removed the
> margin-top on #sidebar. And I think you found the solution, amazing !
> 
> The only problem that remains in IE7 mode is that the wrapper is moved to
> the right, and the navbuttons are not visible. I believe we are almost there
> ! Do you have an idea how to solve this ?
> 
> Regards,
> Dick
> 
> 2011/3/8 Philippe Wittenbergh <[email protected]>
> 
>> 
>> 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).

I think Dick intended t o send this to the list.

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