Div alignment with CSS

[old.tRoG]

I have an absolute positioned <div> on my page (It's the navigation bar), which contains a few wee tabs with text in them.

The tabs resize if the user changes the text zoom.

What I want to do is vertically align another div to the pixel below the bottom of the navigation bar one.

Is this possible, as the top <div> will be changing in size?

I really don't want to have to resort to bunging images in.

The code will be coming later (Read: When I haul it off the other box).

 

[mookie]

take a look at this, discusses some interesting CSS techniques for flexible tabs. very interesting stuff.

 

[(Shovel)]

Seeing the code would help immensely. However, if understand right, you have one horizontal nav bar (tabs?), and you want another horizontal underneath?

Without seeing that actual thing, you might find that "position: relative" on the underneath <div> will help, since that will adjust for whatever happens to the first item - you may find you need a containing 'absolute' <div> for both, with both the nav bars themselves set to 'relative'.

I hope that's what you're after.

 

[old.tRoG]

http://scorpius.spaceports.com/~geeth/geeth/

and

http://scorpius.spaceports.com/~geeth/geeth/geeth.css

I'll run off and try the relative positioning thing, now.

Edit- What I'm really after is for the bottom <div> (Which isn't in the code above) to be positioned relative to the bottom of the navigation bar.

 

[wyrd_fish]

bah why couldn't you have a nice simple PHP problem that i could fix...

PS spaceports are evil...

try www.portland.co.uk for a free account

 

[old.tRoG]

Bleh, I'm just hosting it there until I manage to buy my domain

 

[old.tRoG]

Fixed

Used a container <div> to house the two, so that the one containing the navigation bar become a block element, forcing the other one down the page.

Quite simple, really