Oct 30
When the Saratoga Springs Public Library website was redesigned, although I used a static width (set to something like 720px wide) for the content area, I intended for it to be easily resized with supporting browsers. I made sure to set everything (else) to size with EMs in CSS (similar to percentage).

...an issue with the top navigation cropped up on some computers that I could not identify, nor could I figure out how to solve. For 95% of browsers I tested, and 100% with a vanilla install of Windows, everything worked fine. For those others, the navigation links at the top of our site just didn't seem to align. I thought it might have something to do with DPI or visual settings, but I had no idea how to accommodate for that.

Well I completely accidentally ran in to William Kolean's solution of fixing this issue with Microsoft's CSS expression engine. As the issue was only seen in Internet Explorer (and I already had an IE-specific stylesheet to fix tiny issues), this was a perfect solution, and I put it in to use (just now, actually). I can verify that it worked (on my first and only test) so I'm quite happy. I thought I'd post this for my own records, and to help others too.

http://www.williamkolean.com/williamblog/?p=18
Thanks, William!

Posted by Brendon Kozlowski

0 Trackbacks

  1. No Trackbacks

0 Comments

Display comments as(Linear | Threaded)
  1. No comments

Add Comment


Standard emoticons like :-) and ;-) are converted to images.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA

BBCode format allowed