Subscribe to
Posts
Comments
NSLog(); Header Image

Windows Design Issue

St MenuIf anyone with some CSS skills and access to a PC would like a free copy of Rock Star, iWipe, and Booklet (or any other single FSS product), I have a challenge.

Have a look at http://thesandtrap.com/test.php. On the Mac, with the font one cmd-+ larger than I'd normally view the page, the menu looks great. It still looks good another size larger.

On the PC, the link on the left seems to occupy the entire row, forcing the item count down a row. It looks silly. I'd like to avoid having that problem, but attempts to solve it (happens in both IE and FireFox, but not on every PC) have only caused more problems.

Solve the problem (without using a TABLE), win some software. I'm stumped (and far too brain-tired at the moment to really give it much effort).

Update: Seems we have a winner. It was indeed something simple. 😛

4 Responses to "Windows Design Issue"

  1. I have posted a "fixed" version of the file. It fixes the issue that you mention for Firefox. I don't have a Windows PC to test with Internet Explorer at present. A unified diff showing just the changes that I made is available.

  2. The fixed version works on IE, too.

  3. God damn, people _are_ fast or what? 🙂

    I was fiddling around in VPC with some other stuff, and took a peek at this afterwards. I happened to have stumbled on the exact same problem on a site I built not long ago.. For what it's worth, this is what I did now (it's 3:40 am here, that's my excuse):

    .navsegment span { position: relative; }

    .navsegment span a {

    position: absolute;

    left: 0px;

    margin-left: 15px;

    }

    Anyway, I think your problem is solved with either solution.

  4. Damn you all. My CSS stills are quite good too! 🙁

    (Just woke up and didn't see this blog article before, heh.)