Can anyone help with this?

For some reason, in IE9, the page width doesn't seem to fit the browser window. Using Firebug, the offending element appears to be the HTML tag, but I have no idea why this would be or how to fix it!

Please help!

(See screenshot)
Website: http://www.stellagoddardconsulting.co.uk

Thanks
Dan

CommentFileSizeAuthor
stellagoddardconsulting-ie9-screenshot.png466.86 KBbrcxdok

Comments

cellar door’s picture

cellar door commented
Category: bug » support

Changing over to support request as this hasn't been identified as a bug yet. I've got multiple sites running on omega and haven't seen this in IE9 yet.

Have you tried adding html{ width: 100%;] to your stylesheet to see if that effects it? I looked at the markup and didn't see anything at first blush so my guess is it's a css issue.

jerryitt’s picture

jerryitt commented
Category: support » bug

Looking at it briefly i see the issue being caused by #main-menu in your sgtheme-alpha-default-normal.css.
for example if you remove position: relative; it fixes the full width issue. However there is then the issue of the menu positioned on the left.

jerryitt’s picture

jerryitt commented
Category: bug » support

If you change your #nav and #main-menu in your sgtheme-alpha-default-normal.css to the below values you should have a similar look. However these values should be put in a IE9 conditional stylesheet to prevent the layout breaking in other browsers like firefox.

#nav
display: block;
padding-bottom: 20px;

#main-menu
float: right;
margin-top: -55px;
bottom: 58px;
font-size: 1em;
border-bottom-color: #d8d8d8;
border-bottom-width: 1px;
border-bottom-style: solid;