This is a discussion on "IE6: content misplaced, but rolling over links corrects it" within the Web Page Design section. This forum, and the thread "IE6: content misplaced, but rolling over links corrects it are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
IE6: content misplaced, but rolling over links corrects it
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
#1
|
|||
|
|||
|
IE6: content misplaced, but rolling over links corrects it
<http://touristguides.org.uk/advsearch>
Had a problem with this page which is now cured (unless the window is ridiculously narrow), but something else is happening. The page has: * header across the top * sidebar floated left * main content area to its right * footer across the bottom * All four have rounded corners, done as nested divs Sometimes, just sometimes, the content of the footer appears overlaid on the main content area, not far below the top. When it does, as you scroll down, you find three of the footer div's rounded corners at different points vertically: first the bottom right one, then the bottom left, then the top right; and a bit further down is the rest of the footer's background, with its rounded top left corner, across the content area. Right at the very bottom is the link to the BrowseHappy site that only appears for the benefit of IE users. :-) That's in the right place, except that the graphic link that should be below it isn't there - I guess it's hidden behind the footer background further up. Everything is in its correct position horizontally. As soon as you roll the mouse over any link in the footer's content (which, remember, is near the top of the page), or over the BrowseHappy text link at the bottom, everything pops into place as it should be, including the graphic BrowseHappy link. And this only happens sometimes - you can happily press F5 any number of times and it'll be fine, then once more and it'll go wrong. It appears not to be affected by window width, unlike my previous problem. And it doesn't happen on any other page, although they all have the same basic structure. However... On another page, which unfortunately you can only see by logging in, the top part of the main content's text sometimes (again, only sometimes) appears to the left, overlaid on the sidebar, until you roll over a link in the sidebar, when it pops into place. This may or may not be related! I've tried every magic bullet I can think of, trawled any number of sites about IE CSS bugs, but can't find a solution. It looks a bit like the 'Peekaboo' bug <http://www.positioniseverything.net/explorer/peekaboo.html>, but it isn't the same because nothing actually vanishes, and once you've put it right by rolling over a link you can't make it go wrong again without reloading the page. Any suggestions, or pointers to yet another IE/CSS site that might have the solution, gratefully received! |
|
|
|
#2
|
|||
|
|||
|
Re: IE6: content misplaced, but rolling over links corrects it
Someone on another forum suggested I try NiftyCorners:
<http://pro.html.it/esempio/nifty/> They are indeed nifty and seem not only to have solved my particular problems but also to have generally simplified my code. I recommend them to anyone. |
![]() |
| Tags |
| ie6, content, misplaced, but, rolling, links, corrects |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Expandable Content Script (Swtich Content) | Matc | JavaScript Forum | 0 | Apr 8th, 2008 10:53 |
| CSS Links - Display All Content In One Div (Like Frames) | weasel | Web Page Design | 1 | Oct 27th, 2007 04:19 |
| Rolling text | acrikey | Flash & Multimedia Forum | 3 | Apr 12th, 2007 07:05 |
| News Ticker Headlines Keep Rolling | zymurgy | JavaScript Forum | 0 | May 19th, 2006 14:03 |
| rolling guest comments? | karloff | JavaScript Forum | 2 | Mar 28th, 2006 09:49 |