Hello all, i recently had a resolution problem which made so that when you change resolution the div moves away, but solved it by adding

 #main { text-align: left; margin-right: auto; margin-left: auto; width: 1003px; } #all { position: absolute; width: 1003px; }

Into the CSS and (Deleting the < of all hrefs because it becomes an url then if i don't)

<div id=&quot;main&quot;>  <div id=&quot;all&quot;>

to the html file so that it applies to all of the div's. But then i got a new problem.. The links stopped working in my other div here:

<div class="stil1" id="Navigation">

  <div style="text-align:center; z-index:2;"><p class="stil3 stil8 stil9"><img src="http://www.webmaster-talk.com/images/d-2.jpg" width="100" height="62" alt="d-1" /></p></div>
  <div style="text-align:center;"><p class="stil3 stil8 stil9"><img src="http://www.webmaster-talk.com/images/nav.jpg" width="125" height="25" alt="disk" /></p></div>
  <p class="stil3 stil5"><a href="index.php?p=start">&gt;&gt; Start</a><span class="stil7"><br />
      <a href="index.php?p=archive">&gt;&gt; Nyhetsarkiv</a><br />
    <a href="index.php?p=faq">&gt;&gt; FAQ</a><br />
      <a href="index.php?p=contact">&gt;&gt; Kontakta Oss</a><br />
      <a href="index.php?p=about">&gt;&gt; Om oss</a></span><br />
  
</p>
  <div style="text-align:center;"><p class="stil3 stil8 stil9"><img src="http://www.webmaster-talk.com/images/disk.jpg" width="125" height="25" alt="disk" /><br /></p></div>
  <p class="stil3 stil5"><span class="stil7"><a href="index45.php?p=irc">&gt;&gt; IRC</a><br />
      <a href="forum/index.php">&gt;&gt; Forum</a></span><br /></p><div style="text-align:center;"><p class="stil2 stil3"><img src="http://www.webmaster-talk.com/images/animang.jpg" width="152" height="25" alt="animang" /><br /> </p></div>
  <p class="stil3 stil5"><span class="stil7"><a href="index.php?p=manga">&gt;&gt; Manga Lista</a><br />
      <a href="index.php?p=animel">&gt;&gt; Anime Lista</a><br />
      <a href="index.php?p=genrer">&gt;&gt; Genrer i Anime/Manga</a><br />
      <a href="index.php?p=suffix">&gt;&gt; Namnsuffix</a></span><br />
  </p><div style="text-align:center;"><p class="stil 2 stil3"><img src="http://www.webmaster-talk.com/images/media.jpg" width="100" height="25" alt="media" /><br />
  </p></div>
  <p class="stil3 stil5"><span class="stil7"><a href="index.php?p=wallpapers">&gt;&gt; Wallpapers/Bilder</a><br />
      <a href="index.php?p=downloads">&gt;&gt; Nerladdningar</a><br />
  &gt;&gt; Filmer</span><br /></p>
<div style="text-align:center;"><a title="RSS Feed" href="http://manganatio.110mb.com/cutenews/rss.php">
<img src="cutenews/skins/images/rss_icon.gif" alt="rss" />
</a></div>

Worked before the solution there, and i know that that piece of code was the cause of this, so help me solve it, please. The CSS is:

 .stil1 {     font-family: Verdana, Arial, Helvetica, sans-serif;     font-size: 24px; } .stil2 {     font-size: 22px;     font-family: Arial, Helvetica, sans-serif; } .stil3 {     font-size: 22px;     font-family: Verdana, Arial, Helvetica, sans-serif; } .stil5 { font-size: 10px }  .stil7 { font-size: 11px }  a:link {     color: #8EB3EF;     text-decoration: none; } a:visited {     text-decoration: none;     color: #8EB3EF; } a:hover {     text-decoration: none;         color: #f7cf15; } a:active {     text-decoration: none; } .stil8 {     font-family: Verdana, Arial, Helvetica, sans-serif } .stil9 {     font-size: 22px } .stil10 {          font-size: 14px }  body { background-color:#e5e6d8; background-image: url(images/paper4.png); margin-right: auto; margin-left: auto; }  #main { text-align: left; margin-right: auto; margin-left: auto; width: 1003px; } #all { position: absolute; width: 1003px; }   #banner { text-align:center; left:10%; position:absolute; height:800px; width:177px; z-index:1;  }   #infobox { background-color: #b9d1fc; position:absolute; opacity: .8; width:250px; height:80px; top:130px; left:10px; margin:0px; padding:0px; border:1px #a2c2fb solid; font-family: Verdana; font-size:14px; z-index:2; }  #box { background-color: #b9d1fc; position:absolute; opacity: .8; width: 300px; height: 140px; top: 30px; right: 40px; border:1px #c9b974 solid; font-family: Verdana; font-size: 14px; z-index:0; margin-right: auto; margin-left: auto; }   #innehall { position:absolute; background-color:#fefffc; top:175px; right:103px; width:645px; border:1px #ece2c0 solid; padding:0px; margin: 0px auto; padding: 0; margin-right: auto; margin-left: auto;  }  #Navigation { position:absolute; background-color:#fefffc; top:175px; left:100px; border:1px #ece2c0 solid; margin-right: auto; margin-left: auto;  }  #copyright { position:absolute; top:800px; left:3px; font-size:9px; font-family: Verdana; }

Thanks in forehand.. /Kromgol

Once again, sounds like a problem with the absolute positioning, which you were advised to get rid of.

It seems like that, removed the position:absolute; in Navigation CSS and the links worked, but then the div went out of where it should be.

I solved it.. The navigation menu seems to have gotten under the all and main div, so i just put z-index:1; and it worked! Thanks anyway