First impressions of YAML

Okay, I’ll be honest I’m a bit of a magpie when it comes to web development, and in particular css frameworks. One week I’ll be telling everyone that’ll listen (which isn’t many people) about how great YUI is, and the next week I’ll be waxing lyrical about the excellent Blueprint framework.
So with that little disclaimer [...]

Filed under: Development, Frameworks, YAML, css, html, , , ,

Min-height in IE6

We all know the problem: You need to set a minimum height on an object but IE6 ignores it and ruins your layout. Well worry no more, there is a simple fix:
selector {
min-height:500px;
height:auto !important;
height:500px;
}
This takes advantage of two IE6 bugs:

IE6 ignores the !important and sets the height using the last line.
IE6 treats height like it [...]

Filed under: IE6, css, html, , , ,

Keeping your footer at the bottom of the page

Created a site design but keep getting white space showing below your loving crafted footer? Me too, a bit of research later and I’ve found a fix that works well, integrates with the yui framework, and seems to work well cross-browser.
The basic principle is pretty simple.

Make the body 100% tall no matter what.
Give it a [...]

Filed under: css, html, , ,

Image button not aligning vertically with input box

This is an odd problem. You have a perfectly normal search box with a go button next to it – a classic layout some might say. The problem is that the go button seems to sit about half-way up the side of the search box. Now, having tried to fix css/html problems cross-browser before, [...]

Filed under: css, html, ,

Removing spaces below images in FF & Safari

Here’s an annoying problem. A site renders perfectly in IE6 (this alone is surprising) but in Firefox2 and Safari it shows a 4px space below each image:
Images naturally sit on the baseline. This means that they’re about 4px up from the bottom normally. Setting vertical-align: bottom or display:block seems to clear it.
The solution for [...]

Filed under: Firefox, Safari, css, html

Centering absolutely positioned elements

Having problems setting auto margins on an absolutely positioned element? Me too… until I found that I was missing one simple bit of css.
When centering an absolutely positioned element horizontally you have to specify the left and right properties as zero for this to work!
I found the solution here but I thought I’d note it [...]

Filed under: css, html, , , ,