2 replies [Last post]
nswan
Offline
Regular
Last seen: 16 years 19 weeks ago
Joined: 2003-07-14
Posts: 20
Points: 0

The page I'm designing has a general layout with header, content, and footer div's. The header div has a background color and image along with a horizontal tab menu.

This is my problem: I want the menu to be aligned at the bottom of the header div at all times.

To solve the problem, after trying many different possible solutions, I just added a padding to the top of the tabs so they would be positioned correctly. My question is: Is this a good way to solve this problem? Or is this hackish? Is there a better way?

The test page: http://www.nicoleswan.com/swanqh/index.shtml

Thanks,

Nicole

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 hours 20 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

vertical alignment with in a div

Hi Nicole,
Using padding or margin to position things on the screen is perfectly acceptable.
Here's some browsercam captures which show it works in all but the 4 version browsers. http://www.browsercam.com/public.aspx?proj_id=27195

Hope that helps

nswan
Offline
Regular
Last seen: 16 years 19 weeks ago
Joined: 2003-07-14
Posts: 20
Points: 0

vertical alignment with in a div

Thanks for the reply, Tony. You're helpful as always. Smile