Home/ Questions/Q 8091715
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T20:07:36+00:00

I’m working with a website and everything looks good except the one issue with

  • 0

I’m working with a website and everything looks good except the one issue with the #nav-wrapper. In IE it’s all the way to the right. That said, it’s floated right but floated right of the #nav-wrapper which is a set width which is then placed in the header which is a set width. So I’m not sure why it’s all the way to the right. This is a wordpress website soI’ve simplified the menu and banner, etc. This is the site. 

<div id="header-wrapper">
<header>
       <div id="nav-wrapper">
       <span class="nav-swirl-top">The Stuffed Pepper, Summerland BC</span>
        <nav id="access" role="navigation">
            MENU LIST
        </nav><!-- #access -->


           <div id="nav-updates">
        <p>Updates</p>
        </div>


            <span class="nav-swirl-bottom">The Stuffed Pepper</span>            
    </div><!-- #nav-wrapper -->


    <div id="banner">
       <img src="http://www.mysite.com/img/banner1.png" alt="Banner 1">'
    </div>

</header>
</div>

<div id="main">
<div id="container">


#header-wrapper { width: 100%; height: 532px; background: url(img/header-bg.jpg) repeat-x;}
header { clear: both; height: 620px; width: 900px;}
#banner { position: absolute; top: 230px; width:700px; left: 50%; margin-left: -470px; z-index: 1; }
#nav-wrapper { position: relative; clear: both; width: 252px; height: 365px; padding: 10px; float: right; margin-top: 230px;background-color: #650908; border: 1px solid #470604;}
#container { clear: both; background: url(img/container-bg.jpg) repeat; border-bottom: 3px solid #9d1316; color: #ccc1a1; }

Here’s what it’s looking like.
enter image description here

So if I have a set width and height for the #header-wrapper now, why is my test showing up under it as well?? Just not sure what IE likes to do and how it chooses to ignore styles!

I appreciate any help.

UPDATE

Not sure why it shows the header not closed properly..

enter image description here

This is what it actually looks like.
I see that the </hgroup/> looks like that for you but not for me at all.

Even with the firefox developer tools it shows correctly
enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Not all HTML5 tags work / are supported by Internet explorer, especially older versions.

    See this reference article.

    There are number of ways to try and make things work for IE:

    Also inspect the site using IE’s developer tools. It appears that the header HTML is not opened and closed properly. Look:

    enter image description here

    • 0