Monday, July 21st, 2008
It’s time for the annual survey where we ask what apps are you using? It’s real simple, tell us what tools, apps, languages and add-ons you are currently using to get your job done?
Here are mine:
- Operating System – XP
- Graphics Program – Adobe Fireworks
- Programming IDE – Visual Studio 2008
- Source Control – Subversion
- FTP – SmartFTP and FileZilla
- Browser – Firefox and IE7
- Mail Client – Gmail
- Anti-Virus – AVG Antivirus
- Firewall – ZoneAlarm
- Others – Firebug, Trillian
What are yours?
Monday, July 14th, 2008
Now that IE7 has overtaken IE6 in usage it has become more common to find authors trying to use position:fixed in their layouts. Therefore in this article we will try to address some common problems and misconceptions when using position:fixed (we will not be covering the background-attached “fixed” property but you can find out more about that here if you are interested.).
Note that position:fixed doesn’t work in IE6 and under so you will need to be using another browser although we will try to accommodate IE6 with some alternate styling.
Fixed to What?
Fixed positioning varies from other positioned elements in that the element is always placed in relation to the viewport and not a local stacking context. Even if you add position:relative to a parent of the fixed element it is still placed in relation to the viewport.
This can present problems if you want to place the fixed element inside a centered layout and then place it at a certain position within that centered layout.
In order to have a positioned element inside a centered layout you can simply let it occupy its normal position in the flow and not specify any position values for top, bottom, left or right at all. This will enable the element to become fixed at that point while the rest of the content scrolls.
We’ll work through some simple examples to show this in effect.
We’ll start with this simple Example