Steven Posted January 8, 2009 Share Posted January 8, 2009 Okay, I've never ran into anything like this before...The glitch appears in IE, not in Firefox.Here is the website url: http://www.designingsigns.com/new1/index.htmlHere is the CSS url: http://www.designingsigns.com/new1/css/main.cssNotice on the front page, "Our Featured Products." This is a <h1> tag inside the #content <div>.Now, notice the Services and Contact pages.The background image for the page gets shifted to the right, and gets shifted even further to the right on the Contact page.I tried placing the same text as the homepage into Services and Contact pages, "Our Featured Products", and that fixes it.So it appears as though the length of that text is what triggers this strange glitch.Thanks in advance! Link to comment Share on other sites More sharing options...
jlhaslip Posted January 9, 2009 Share Posted January 9, 2009 I fail to see the issue you descibe.Firefox 3.xx/Linux Link to comment Share on other sites More sharing options...
Synook Posted January 9, 2009 Share Posted January 9, 2009 I fail to see the issue you descibe.Firefox 3.xx/Linux The glitch appears in IE, not in Firefox.---The "glitch" is because there is a vertical scrollbar on the home page (which shifts the center to the left), while there is no vertical scrollbar on the other two pages, meaning the content is placed more to the right. The services and content pages do not appear inequitably translated to me (IE 8 Compatibility Mode / Win XP).So yes, length is the factor. Link to comment Share on other sites More sharing options...
jeffman Posted January 9, 2009 Share Posted January 9, 2009 That's what I thought at first, but my IE7 displays the home page incorrectly also. In fact, I spent about an hour messing around with that code yesterday before giving up. Link to comment Share on other sites More sharing options...
Steven Posted January 9, 2009 Author Share Posted January 9, 2009 Very interesting. I removed the float:right property from H1, and now it doesn't get messed up. I tried placing the H1 inside its own div with that div having a float:right property, but that messes it up as well.I wonder how having a simple float:right can bump the body's background image to the right? Link to comment Share on other sites More sharing options...
jeffman Posted January 9, 2009 Share Posted January 9, 2009 Huh. I tried everything BUT that. Should have guessed. IE has a lot of float bugs. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.