Google
 
Web 9mmfilm.com

News & Views

Tuesday, November 08, 2005

IE5 css random content jump

A CSS design using nested floated divs may result in content jumping vertically in IE5.

It's a highly random behaviour, sometimes the content will look fine, sometimes the content will jump waaaay down the page.

If you are experiencing this, try changing the innermost div's css from:
float:left/right; to float:inherit;

If it works, please leave a comment to let me know!
Also, if you happen to know WHY this is, please leave a comment!

Thanks!

by frankp - 9:48 PM

4 Comments:


hostyle said...

When does it jump? Is it on hovering over links. or at page load? Are you using clear:all somewhere on the page? Are you using % widths or ems? If so try leaving some free space between them. Mail me if you want more help with it, I don't visit here all that regularly :)

frankp said...

thanks hostyle... I'll probably be in touch alright!

frankp said...

ps - it jumps on page load. And mostly pixel-perfect type layouts I think. I'll get back to you on the clear:all!

Shaun Wilders said...

Thank you so much!

I've been having this problem for months with various websites and using inherit for the right hand column along with a large margin to clear the left column has resolved the random jumping around.

Your my saviour!
Thanks!

Previous:

#menu {
float: left;
width: 200px;
}
#content {
float: left;
}

Now:

#menu {
float: left;
width: 200px;

}
#content {
padding-left: 230px;
float: inherit;
}

Post a comment

<< Home

Website Picks:

BifSniff Cartoons

bifsniff.com go there

Previous Posts

Animation picks:

We're Going Sailing

We're Going Sailing infoview

Crimescene

CrimeScene info view

Subscribe to Frankp's 9mmfilm blog using his XML feed. What's all this about subscribing?


Powered by Blogger

Irish Bloggers

Irish Blogs