Feed Sign in with OpenID OpenID

Simon Willison’s Weblog

More required reading

Via Craig, Big John and Holly Bergevin present Float: The Theory and Flowing and Positioning: Two Page Models. Both articles take a complex topic and present it in clear, straight forward terms with excellent illustrations and the kind of insight in to browser bugs (in particular the vagaries of IE) that you just won’t find anywhere else.

This is More required reading by Simon Willison, posted on 11th November 2003.

View blog reactions

Next: Roundup of roundups

Previous: Browser testing utopia

2 comments

  1. Thanks for another great find, Simon! I think that Position Is Everything has the answers to all of my current CSS problems. This article just made my day.

    Scott Johnson - 11th November 2003 06:09 - #

  2. It's amazing what you can float.

    As you pointed out recently, dl is good for dialogue. But if you really want this particular format:

    Socrates: I went down yesterday to the Piraeus with Glaucon the son of Ariston ...

    ... I thought you'd have to stick to p and not associate the speaker to his words directly with the code (which is rather nice).

    I had thought as it's not possible to make dd follow dt with inline, this was the only way out.

    But then it occured to me: why not float the dt?

    dt {
    font-style: italic;
    float:left;
    margin-right: 0.5em;
    }
    
    dd {
    margin: 0 0 1em 0;
    }
    

    It seems to work.

    Michael - 11th November 2003 17:17 - #

Comments are closed.

Previously hosted at http://simon.incutio.com/archive/2003/11/11/requiredReading

A django site