Help!

Given the following:
    <STYLE>
    .box {
        border: solid 1px blue;
        float:left;
    }
    </STYLE>

    <DIV class=box>blah<br>blah<br>blah</DIV>
    <DIV class=box>blah</DIV>

This will render as two boxes, the left hand one with three lines of
content, the right hand one with just a single line.

How do I force (using CSS) the second box to have the same height as the
first box so that the borders line up?

(This is obviously just a trivial example of what I am trying to do.
With tables this would be easy, of-course.)

Note that the content in each box is auto-generated; no assumption can
be made about the size of the content in either box (or which box will
be "biggest"). I can't just set the height to a fixed value, for example.

-- 
Mark Rogers // More Solutions Ltd (Peterborough Office) // 0845 45 89 555
Registered in England (0456 0902) at 13 Clarke Rd, Milton Keynes, MK1 1LG 


_______________________________________________
Peterboro mailing list
[email protected]
https://mailman.lug.org.uk/mailman/listinfo/peterboro

Reply via email to