Windows Design Issue
Posted January 29th, 2005 @ 09:03pm by Erik J. Barzeski
If 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. 😛
Donate Life
Posted 29 Jan 2005 at 9:28pm #
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.
Posted 29 Jan 2005 at 9:31pm #
The fixed version works on IE, too.
Posted 29 Jan 2005 at 9:44pm #
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.
Posted 30 Jan 2005 at 4:06am #
Damn you all. My CSS stills are quite good too! 🙁
(Just woke up and didn't see this blog article before, heh.)