can someone take a look at http://www.worldtraveler.com the content_wrapper is like 1663×2440 and page wrapper are all messed up. I know there are a lot of things goin wrong here but would like to center all the content on the page
There is no width set on #content-wrapper…so that might solve some problems.
I’m not sure why (Oh why) the #content-area is built with a a table but that will cause some issues too.
Without getting into it too much you seem to have divs assigned widths that do not relate to the #container width.
I added a width to 980 but its still 2461 and the bottom scroll pops up seems like there is a lot of useless white space on the right side
I have no idea where 2461 came from. i can see that it’s clearly 980px now.
As I mentioned, I suspect that the issue is that you have a layout using tables…they always mess things up.
The issue is with the div with id of `blast` so `
Actually, I don’t think it will.
Look with Web inspector and select the div#content-wrapper…it clearly has elements that are overflowing.
I maintain it’s the table. :)
This is what I see in the Google inspector.
Yeah…but that’s still in the container (which, oddly, does not contain the whole page)…
no…this is what I am talking about.
I think there are multiple issues here. The `#blast` div is causing the horizontal scrollbar. I’m guessing the `#content_wrapper` and `#content` have some margin/float issues.
There’s also multiple syntax errors that might be causing issues. `
The HTML structure is pretty bad TBH.
That #blast is absolutely positioned which (I will always maintain) is the last option one should use.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".