Posted by Ben C on 10/31/06 09:15

On 2006-10-31, password <fatpipe@epiptaf.com> wrote:
>
> "windandwaves" <nfrancken@gmail.com> wrote in message
> news:1162152786.223593.238380@b28g2000cwb.googlegroups.com...
>>
>> Ben C wrote:
>> > On 2006-10-28, windandwaves <nfrancken@gmail.com> wrote:
>> > > Hi Folk
>> > >
>> > > Can you do vertical-align bottom in a div or only really in a table?
>> >
>> > You can set it on inline level elements to move them relative to the
>> > line they're on. But if you want the effect of a box with a set height
>> > that contains another box at the bottom of it, use positioning. Set the
>> > outer box to position: relative (or position: absolute), and the inner
>> > box to position: absolute with bottom: 0px.
>> >
>> > You set position on the outer box just to make it the containing block
>> > for the inner box (i.e. the block the inner box is 0px from the bottom
>> > of).
>> >
>> > Using relative rather than absolute on the outer box keeps it "in the
>> > normal flow".
>>
> ive just done this for a div containing a form (drop down list thing) and it
> works fine in ie6 and firefox2 but opera9 leaves a 10 (approx) gap at the
> bottom - anyway around this?

It's probably just a margin-- try adding margin-bottom: 0 to the form.

[Back to original message]