Ah! Seems that old dogs sometimes learn new tricks. Since I have such a wide screen and high resolution I like to spoil myself with huge layouts. Rarely that results in something workable for someone still using 11xx or 12xx. If you’re running 1024, I’ve completely given up on you. In any case, for resolution problems your options are basically:
a. Design something in percentages, which is usually not an option for image-heavy layouts.
b. Design fixed width in such a way that when resolution is checked minor variances or different style sheets are loaded.
Now, on the dinosaur intarwebs I’m from we used to do this with javascript. However:
|
1 2 |
<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="style2.css" >
<link rel="stylesheet" media="screen and (min-device-width: 1600px)" href="style.css"> |
Due to CSS3′s new media query option I’m able to trigger different stylesheets based on minimum screen size where you usually would put your stylesheet. I’m learning a bit about viewports too (meta). Since I don’t even own a phone that can go on the internet, I wouldn’t even now how to test it. Reason why I run around with a stone-age phone without internet? Does it look like money grows on trees? I call that little a subscription would be overkill. I have one for emergencies, that’s it. So; sorry for all you mobile users out there. It’s never going to work perfectly.
on me I went geek. I just couldn’t stop until I found a solution. I’m still thinking about whether I would *want* to implement it, but in this case it might be interesting. The plaintiff (XD) uses iGoogle to read my blog and often clicks the header link to go to my page. However, once you use Yahoo Pipes the original feed address is changed accordingly, which results in the header link now taking her to Yahoo Pipes instead. Golly, I thought people only clicked articles. lol.