Why Does My Side Menu Overlap My Forum Body ??

SeanFace101

Seasoned Veteran
Joined
Jul 14, 2011
Messages
3,067
Reaction score
21
FP$
4,642
Can someone tell me why on some browsers the links on the side of my forum overlap the forum body? Some browsers its ok & some ot overlaps!

Also..
When my browser is opened full screen, the links are fine,
But when i click on the button(top right) to make the browser window smaller, the links then overlap.
Have a look..

(1) Browser Open Max: http://www.xboxlivefan.org/images/misc/MAx%20SCreen.PNG
(2) Browser Open Smaller: http://www.xboxlivefan.org/images/misc/Min%20Screen.PNG

How do i get the links to stay in the space on the right between the forum body & the side of the screen. (just like it is in the first screen shot above). So basically how do i get my website showing like screenshot (1) in all browsers & when the browsers are open full or any size?

Can someone tell me how to do this please?

My Forum: http://www.xboxlivefan.org/
Thanks!
😛
 
It's staying there because you're using absolute positioning 😉
You would have to set that menu in a div with a given width, or a percentage width, and then it should work 😉
 
Darthmaul said:
It's staying there because you're using absolute positioning 😉
You would have to set that menu in a div with a given width, or a percentage width, and then it should work 😉

Well, the code for the menu is..
Code:
<ul id=rightlinkmenu>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=67">Xbox Live Fan</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=104">Win Top Prizes</a>
</ul>

and the positioning is on the CSS page..
Code:
#rightlinkmenu1 {
  position: fixed;
  right: 0;
  top: 10%;
  width: 10em;
  margin-top: -2.5em;
  list-style: none;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 21px;
  text-align: center;
  color: #FFF;
}

There is obv more links in the menu, but i took some out to shorten the code for this post 😛
 
Back
Top Bottom