Posted by brcxdok on January 18, 2012 at 2:45pm
3 followers
Jump to:
| Project: | Omega |
| Version: | 7.x-3.0 |
| Component: | Miscellaneous |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
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
| Attachment | Size | Status | Test result | Operations |
|---|---|---|---|---|
| stellagoddardconsulting-ie9-screenshot.png | 466.86 KB | Ignored: Check issue status. | None | None |
Comments
#1
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.
#2
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.
#3
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;