Floats

Posted on June 26, 2003 @ 09:40 in Webdesign

Martin has been redesigning (I like it, much more readable, although for my taste the dates are a bit too big and blocky right now) and writes:

As soon as you throw CSS positioning with floated elements into the mix, you can just forget everything they teach you in web school. I may well abandon it at some point in the (near) future.

Oh, how do I agree! He mentions a whole bunch of very worthwhile sites, but especially with regard to floats and browser differences (i.e. bugs), I miss two important resources.

First, css-discuss, a very high quality mailing list that helped me understand CSS better than any tutorial. Although css beginners can enter the fray without being afraid of getting ridiculed, it does help to have some basic knowledge, because it speeds up your conversation with the other participants.

Second, Big John's Position Is Everything website. What John does is really quite revolutionary. He doesn't tell you how it oughta be done, but he tells you why browsers don't do what you expect them to do when you write some textbook CSS code. He also provides detailed information about how to work around the bugs, such as for instance in the Float Model.

Personally, I worked around various float problems in this design by putting regular non-floated divs inside floated divs. Putting content straight into a floated div almost always guarantees trouble. As for styling forms... ugh.

Comments and Trackbacks

No comments or trackbacks for this entry yet.

Post a comment

Comments and trackbacks have been closed on this site. My apologies.

Since MT-Blacklist inexplicably stopped working I had no other recourse than close comments and trackbacks to stop the spam. I've been meaning to correct this for quite a while, but life got in the way... in a good way I should add.