Subscribe now via RSS 563 subscribers
03 07 09
Note: This article is meant for CSS beginners.
For quite some time I’ve been noticing that when my friends begin to dig their noses on CSS they are easily freaked out and frustrated with CSS positioning.
Static, relative, absolute, fixed, float. What the hell is all this!
01 07 09
One of my favorite sites is definetely DeviantArt. Is a great source of inspiration when you are a bit lost, and it also has a great amount of brush resources and free stock photography. So check it out 
I was browsing the site yesterday and I wanted to know how they were doing their rounded corners. So I grabbed my little friend Firebug (if you don’t have it, go and get it. It’s definitely a must) and I inspected them. I found what they were doing very interesting and I wanted to share it with you.
30 06 09
One of the existing CSS properties is: min-height.
The min-height property is quite self-explanatory. It defines the minimum height of an element. If the element’s content exceeds this value, the element resizes to the size needed.
On the other hand, the height property defines a fixed size. If the element’s content exceeds that size, the element doesn’t change it’s size, however it’s content overflows.
29 06 09
After some time battling with Internet Explorer 6 & 7, I discovered that most of it’s rendering problems are produced when using floats, because the hasLayout variable gets messed up.
Internet Explorer browser has a built-in variable called hasLayout, that allows the browser to ‘construct’ the elements in the page, interact with other elements, etc. When this variable is set to true, the content displays fine, but when it doesn’t our site gets pretty jammed.
Ignore the technicalities. Let’s go to the practical stage…