Posted by password on 10/31/06 22:28

"Ben C" <spamspam@spam.eggs> wrote in message
news:slrneke4vk.n6.spamspam@bowser.marioworld...
> 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.

ah i shall try that.. in my ignorance i thought bottom:0px was refering to
the margin.

[Back to original message]