2 replies [Last post]
tbrinton
Offline
newbie
Last seen: 18 years 20 weeks ago
Joined: 2004-07-19
Posts: 9
Points: 0

Hi -

I am building a generic two column page layout using css instead of tables to position elements.

I feel confident with the results so far except for the manner in which I have positioned the elements in the masthead (Placeholders for a logo and 6 main navigation buttons). They are all contained within in a #masthead div and each element is an image contained within its own div with width and height attributes specified in the style sheet. I have positioned them next to each other only by applying a float: left; style class. Since there is nothing "locking" those elements into position, I feel like it may not be a sturdy solution. It's testing okay in every browser except IE 5 on the Mac. Is there a more simple or elegant solution? I tried using absolute positioning and it was a disaster. Any feedback or suggestions would be greatly appreciated.

Page:
http://dev.brintondesign.com/CSS_Testing/csstest.html

Stylesheet:
http://dev.brintondesign.com/CSS_Testing/styles/stylesheet_main.css

Thanks,
Tony

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 3 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Is this nav layout reliable?

Hi Tony,
Looks pretty sturdy to me.
There's a few minor issues with widths in IE5 and 5.5

Hope that helps

tbrinton
Offline
newbie
Last seen: 18 years 20 weeks ago
Joined: 2004-07-19
Posts: 9
Points: 0

Is this nav layout reliable?

I'm going to go with it then - you're great - Thanks Tony.