Change resolution or menu

[x-fader]

Hi

This week I'ved maid a site with CSS. When I view the site on my computer with resolution 1680x1050 you'll see the menu on the right side. But when you view this site in a lower resolution the menu is below the site. Is their a sollution for this?

Or is it possible to change this vertical menu to a horizontal menu?

Thx
grtz
X-Fader

Here you can view the site and CSS-sheet
Site (http://www.djyves.net/Home.html)
CSS (http://www.plaatscode.be/35371)

[Snookerman]

What browser are you using? I checked FF3, IE7, Opera 9.6, Chrome with different resolutions but I don't see any problems.

[x-fader]

At home I'm using IE7 (1680x1050) and at work IE6 (1024x768).

Is there a possibility to change the vertical to a horizontal menu?

grtz
X-Fader

[Snookerman]

Your problem is of course IE6 not the resolution. Change this in your css:

#templatemo_right_column {
background: #444444 url(images/templatemo_right_bg.gif) repeat-x bottom;
float: right;
width: 200px;
min-height: 400px;
}

[x-fader]

so when I change this the menu will be always on the right side of the site?

[x-fader]

I've changed float left into right, but the menu is now on the right side but also below the site. So I have to find the sollution to put the menu next to the site
Screenshot (http://www.x-fader.be/Site.jpg)

[Snookerman]

Sorry I forgot a few things, remove the red part from your css:

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 170px;
}

Then, to fix the IE6 whitespace bug, add a space after each link name, before the closing tag of the anchor:

<ul class="glossymenu">
<li><a href="http://www.djyves.net/Home.html">Home </a></li>
<li><a href="http://www.djyves.net/Biography.html">Biography </a></li>
<li><a href="http://www.djyves.net/Agenda.html">Agenda </a></li>
<li><a href="http://www.djyves.net/foto%27s" target="_blank">Pictures </a></li>
<li><a href="http://www.djyves.net/Music.html">Music </a></li>
<li><a href="http://www.djyves.net/Links.html">Links </a></li>
<li><a href="http://www.djyves.net/Guestbook.html">Guestbook </a></li>
<li><a href="http://www.djyves.net/Contact.html">Contact </a></li>
</ul>
I think that should do it.

[x-fader]

thx!!!!!!

[Snookerman]

You're welcome, remember to go to your first post in this thread, edit and ad the Resolved prefix to let others know the problem has been solved.