Home/ Questions/Q 4025802
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T10:53:30+00:00

How am I meant to use a header tag, when it can’t nest properly

  • 0

How am I meant to use a header tag, when it can’t nest properly in my layout? EG:

<body>

<header>

<div class="topBar"></div>
<div class="mainBox">
    <div class="headWrapper">       
        <div class="searchWrap">
            <label for="SearchBox">Search Scirra</label>
            <input type="text" name="SearchBox" id="SearchBox" tabindex="1" />
            <div class="s searchIco"></div>
        </div>
        <!-- Logo placeholder -->       
    </div>

    <nav>
        <ul class="mainMenu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Forum</a></li>
            <li><a href="#" class="mainSelected">Construct</a></li>
            <li><a href="#">Arcade</a></li>
            <li><a href="#">Manual</a></li>
        </ul>
        <ul class="underMenu">
            <li><a href="#">Homepage</a></li>   
            <li><a href="#">Construct</a></li>
            <li><a href="#" class="underSelected">Products</a></li>
            <li><a href="#">Community Forum</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </nav>

    </header>

    <div class="contentWrapper">
        <div class="wideCol">
                 Content!  Whee whee!  Elephants are powerful!  Elephants are strong!
                 *SNIP REST OF DOCUMENT THAT FLOWS FROM HERE*

Semantically this is correct, but it’s not nested correctly, am I doing it wrong/right? Do I need to change my document structure? Am I being pedantic?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It looks like <div class="mainBox"> is not closed. It needs to close before the header closes.

    • 0