Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
- CommentAuthorndmccormack
- CommentTimeDec 18th 2007
Hi there,
I'm no CSS expert, but I'm trying to rescue a site that I designed as the coders didn't do an amazing job. Time was tight and money was low so what could I expect... anyway...
Everything is pretty much there now, but there's a strange bug when resizing the window in IE. Some items move and others don't. The site displays perfectly in Safari and Firefox.
Can anyone help me out with this? its killing me not knowing what's going on.
http://www.junkystyling.co.uk/news/
Cheers
Niall -
- CommentAuthorfransgaard
- CommentTimeDec 19th 2007 edited
wtf?
That is weird.... is the content maybe written in with some javascript measuring the screen width and then specifying the left/right margins?
That could be the problem as javascript wouldn't refresh on the fly when you resize... really it is just a wild guess
Got this in the code <div class="posts" id="jsnews"> which may suggest that it is some JS issue -
- CommentAuthoraxe_sosharp
- CommentTimeDec 19th 2007 edited
The xHTML/CSS is certainly "Junky"!!! Akk my apologies I really should resist such lousy puns.....
Anyway the root of the problem seems to be this:
body {
color: #7f7f7f;
font: 62.5%/1.4em Trebuchet MS, Trebuchet, sans-serif;
width: 76em;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}
Not sure why anyone would add a width and margins to the body tag, then expect IE to understand it!
Change the body styles and put the width and margins on the container tag:
body {
color: #7f7f7f;
font: 62.5%/1.4em Trebuchet MS, Trebuchet, sans-serif;
padding: 0 0 0 0;
}
#container {
width: 76em;
margin: 0 auto 0 auto;
}
Worked on the local copy I set up.
Merry Xmas
John -
- CommentAuthorfransgaard
- CommentTimeDec 20th 2007
only reason I can think of for using width on body tag is to avoid horizontal scrollbar when using iframes -
- CommentAuthorndmccormack
- CommentTimeDec 20th 2007
fransguard:
The site is based on wordpress and is therefore pulling content in via php/mysql. The reason that there is an id="jsnews" in there is just one of my quick hacks to get the site displaying properly...
axe_sosharp:
Many thanks for that, it worked a treat!! now displaying exactly the same over the three browsers! Phew!
Cheers, and Merry Xmas!
Niall
1 to 5 of 5