changing in positions of the items

[Alaashamas]

Hello it may be a silly question but am new in HTML , i have a html page that contain several items , labels , images... but when i open it in the browser and change the size of the browser the items change their position i need to keep them fixed not to move when the browser change its size since the design of the page will change

[acoder]

You need to use a fixed width layout. Give your code and we can suggest changes.

[Alaashamas]

<div class="nav">
<ul>
<li><a href="default.html" title="Home">Home</a></li>
<li><a href="aboutus.html" title="About us">About us</a></li>
<li><a href="Projects.html" title="Our Porjects">Our Projects</a></li>
<li><a href="News.html" title="News">News</a></li>
<li><a href="mailto:[e-mail]" title="">Contact us</a></li>
</ul>
</div><!-- end of nav -->


.nav {
float:left;
width:150px;
margin-left:-100%;
margin-top:20px;
}

.nav ul li {
/*display:block;*/
margin-top:0;
background:url(navbg.png) left repeat-x;
border-bottom:1px solid #000;
font-weight:700;
padding:10px;
}

[AricC]

<div class="nav">
<ul>
<li><a href="default.html" title="Home">Home</a></li>
<li><a href="aboutus.html" title="About us">About us</a></li>
<li><a href="Projects.html" title="Our Porjects">Our Projects</a></li>
<li><a href="News.html" title="News">News</a></li>
<li><a href="mailto:[e-mail]" title="">Contact us</a></li>
</ul>
</div><!-- end of nav -->


.nav {
float:left;
width:150px;
margin-left:-100%;
margin-top:20px;
}

.nav ul li {
/*display:block;*/
margin-top:0;
background:url(navbg.png) left repeat-x;
border-bottom:1px solid #000;
font-weight:700;
padding:10px;
}

Please show the comple code and use [code] tags

[drhowarddrfine]

If you use a percentage for the margin, then the content will move depending on the size of the browser. Remove that line.