Thomas Thomas wrote: > ... > http://matthew16.free.fr/portfolio/test-ie-bug.html > > Try to click on link 2 than 3 in Mozilla, u can see the footer the 2nd is at > the bottom of content, > then for 3 (the content is lower than the viewport's height) footer goes at > bottom of viewport. > > But in IE6 when u click 2 then 3, the footer stays at bottom of content 2, > which is then display:none when user clicks 3 .... > it doesn't adapt at the 3 height .... > Same when u click first to 2 then 1 for example, the two pages have both > footer under content since content is higher than viewport, but the footer > won't adapt. > > I extracted all the unecessery code from my website where I have the > original problem : > http://matthew16.free.fr/portfolio/ > > Any ideas would be very appreciated !!! > > Thank u !
This is not a JS list. See http://css-discuss.incutio.com/?page=OffTopic You are dynamically changing the content of #container by displaying #content_1 or _2 or _3. To remind IE6 that it has to redraw the container, add var divObjP = document.getElementById('container'); divObjP.style.background = '0 0'; to function changeContent(nb) Or something that looks more like JS than I am able to code. background-position: 0 0; can be used for redraw problems with the :hover state in IE. You are already using '0px 240px' on your original page, so actually, you'd probably have to repeat your declaration divObjP.style.background= '#979797 url(yourpath/degr.gif) repeat-x scroll 0px 240px'; Your page takes seconds to switch from one content to another. Ingo -- http://www.satzansatz.de/css.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
