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

"password" <fatpipe@epiptaf.com> wrote in message
news:7MKdncG8P69LUNrYRVnyiA@eclipse.net.uk...
>
> "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.
>
sir, you are a star, thankyou. it works perfectly.

[Back to original message]