Body jumping around...
I'm working on developing some templates, and I currently have a standard HTML file that I'm applying various CSS files to. I'm having a problem, and I want to figure out what the problem is. Primarily I want to know if it's HTML or CSS, but of course I'd like to know the specific problem as well.
My template is fine in FireFox. However, in IE, as you resize the window, the body will jump down below the navigation, then back up next to it. It's very bizarre. At 1024x768 on my computer, it displays fine, but at 800x600 it's messed up. Then at, say, 899x599 (a made-up example) it's fine again.
Here's the URL:
http://www.tandswebdesign.com/demo/ts003/
I really enjoy doing designs where the style and design are completely seperated, so I hope someone can help me figure this out.
The Webmistress posted this at 13:48 — 20th December 2005.
She has: 5,586 posts
Joined: Feb 2001
Can't help as it doesn't do that for me - used IE and resized the window to several different sizes and it all displayed ok
DaveyBoy posted this at 17:14 — 20th December 2005.
They have: 453 posts
Joined: Feb 2003
Doesn't do it for me either
timjpriebe posted this at 17:43 — 20th December 2005.
He has: 2,667 posts
Joined: Dec 2004
That's weird. What version of IE are you guys using?
I checked it on my home and work computer, and I posted this in another forum where they see the same problem.
Tim
http://www.tandswebdesign.com
DaveyBoy posted this at 19:45 — 20th December 2005.
They have: 453 posts
Joined: Feb 2003
I'm using IE 6.0.2
Busy posted this at 20:38 — 20th December 2005.
He has: 6,151 posts
Joined: May 2001
works fine here at 800x600 on IE 6
DaveyBoy posted this at 20:40 — 20th December 2005.
They have: 453 posts
Joined: Feb 2003
i see a pattern emerging!
chrishirst posted this at 22:54 — 20th December 2005.
He has: 379 posts
Joined: Apr 2005
It will be the way that IE handles text widths on floated elements.
#leftmenu is 20% #content is 76% + 4% padding and because IE doesn't always constrain containers to their set size when the text expands within the element. So as the text in #content flows it will push the container beyond it's supposed maximum of 80% and because it's floated right it will get pushed down until the text flows again and drops the container width back.
either 74% width or a fixed px sixe for padding should cure it
Chris
Indifference will be the downfall of mankind, but who cares?
Venue Capacity Monitoring
Code Samples
DaveyBoy posted this at 00:39 — 21st December 2005.
They have: 453 posts
Joined: Feb 2003
Why is it only happening to certain people though?
chrishirst posted this at 08:04 — 21st December 2005.
He has: 379 posts
Joined: Apr 2005
No idea
I tried it on 3 machines all showed the same problem. Screen resolutions 1024 or above
DaveyBoy posted this at 10:37 — 21st December 2005.
They have: 453 posts
Joined: Feb 2003
just noticed it does happen to mine but only if you squash the box up really small, like smaller than 640x480-small - otherwise, it's fine.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.