Jump to content

Messed Up Website; Because Of Text Length? (ie)


Steven
 Share

Recommended Posts

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

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...