Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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
Comment | File | Size | Author |
---|---|---|---|
stellagoddardconsulting-ie9-screenshot.png | 466.86 KB | brcxdok |
Comments
Comment #1
Cellar Door CreditAttribution: Cellar Door commentedChanging 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.
Comment #2
jerryitt CreditAttribution: jerryitt commentedLooking 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.
Comment #3
jerryitt CreditAttribution: jerryitt commentedIf 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;