March, 2006 archive
How do I centre my layout?
To centre a CSS layout horizontally, you need to add margin: 0 auto; to either the body or a containing element More on How do I centre my layout?
I’m getting CSS validator warnings
When you validate your CSS file, do you get a load of warnings about background-color not being accompanied by a color and vice versa? More on I’m getting CSS validator warnings
My floated layout won’t work!
Usually when people have trouble with floating columns it’s because they’ve specified a width where there doesn’t always need to be one.
How do I include code on every page?
Variations on this question can include:
- Can CSS insert content onto a page?
- How do I update the content of multiple pages from a single file?
- How can I get CSS to behave like frames?
Why does my layout look wrong in IE?
If your site looks right in a browser like Firefox, Opera or Mozilla, but not in Internet Explorer, it’s highly likely you’re being affected by one of IE’s numerous bugs.
Fortunately, most of these have been well-documented at Position is Everything.
Why won’t faux columns work?
One of the easiest methods of giving your site the appearance of the columns being the same height is to used the Faux Columns technique as first outlined by Dan Cederholm on A List Apart.
While the method is simple, unfortunately, many newcomers to CSS have trouble getting it right at first. More on Why won’t faux columns work?
Single image replacement rollovers with Suckerfish dropdowns
I discovered two of my most often used CSS techniques at the same place - Petr Staníček’s Wellstyled.com (Staropramen, Budvar, Pilsner Urquell, great CSS techniques - gotta love the Czechs
).
And those techniques are an image replacement (IR) technique that I later found out was actually called the Gilder Levin method and the use of a single image for creating CSS rollovers without the need for preloading images.
More on Single image replacement rollovers with Suckerfish dropdowns
Absolute positioning practical examples
If you’ve read Absolute Positioning Pitfalls, you’re probably wondering when you can use absolute positioning.
Well, I generally find that I use it not for laying large areas of a layout, areas that contain multiple other elements, but rather for positioning individual elements in relation to other elements. (It certainly can be used for creating large layout areas in certain instances, but I’m not going to cover that here.)







