Question

Hy all,
i have a very basic question, i have created a left side menu with javascript and CSS, and i simply want when i click on a menu on the left, content will be load on the right. So my html structure should be organized into two parts : Left part and right part.
So basically i want to know the best way in HTML5 to do this
Thanks in advance

Answer 1

You could use divs to divide your page in two; something like:

#container {
    width: 1000px;
}
#left {
    width: 300px;
    float: left;
}
#right {
    right: 700px;
    float: right;
}

<div id="container">
    <div id="left"></div>
    <div id="right"></div>
</div>

you have a few options how to load the content on the right side. You could load the right content by using Ajax, but depending on how big and or complicated your site is that can be much trouble. You could simply refresh the whole page, but than you’ll have to make sure your menu stays in sync. You can also put many divs on the right and just display the correct one when they click on the menu.