Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
|
It sounds like you're off to a good start already just being able to put together the smaller parts. Obviosuly the trick is now putting all those boxes together into one layout.
I think the best thing really is just to practice. it can be a little frustrating at first, but the more you do the easier it becomes. I wrote an article on my blog about how to code a simple 2 column layout and a 3 column layout. There are certainly other ways to do both, but maybe those will help some.
When I got started it was easier for me to wrap my head around absolute positioning and I used it as much as possible. It's really not best to use absolute positioning on everything, but I was able to grasp it the easiest when first starting css layouts.
I mainly read a couple of books from Eric Meyer and the rest for me has been picking up things here and there and practicing.
One thing you can do is look at the source code of sites when you see ones that use a layout similar to what you want. Taking apart the code for another site can really be the best way to see what really does work.
Mostly it's practice though. A lot of css layouts really don't need much in the way of positioning or floats. Usually it's just using the right one in the right couple of places. And there is always more than one way to code the same layout. Try what you can and expect a few frustrating moments along the line where you swear what you're doing should work, bit doesn't for what seems like no reason.
I've had my share of those moments and simply searched for an answer or kept looking at the problem until I sorted it out myself. Each one led to a sort of ah ha moment that gave me something new to add to my css toolbox. With each new thing you learn the overall building of any future site gets a little easier. |
