Position Within a Container Problem

Hey everyone!

I'm in the process of redoing a template for vBulletin to get the layout itself in CSS and I ran across a problem. Within a navigation bar on the page, I want all of the menu items (being done in list UL format) to be center aligned within the navigation bar and also stretch across the entire container evenly. Here is the page in progress:

http://www.castbuzz.com/forumtest/index.html

For an example of what I mean by the text stretching across the page, please refer to here:

http://www.castbuzz.com/community/index.php

I could do it with the table like I have right now, but the more I can get in CSS the better. Thanks in advance!

Had a look at your problem.

I have fixed it using conditional comments, but couldnt fix it using 1 style sheet.

Pat

Hey, could you provide an example of what you did? Thank you!

In your css use this

HTML: Select all

#navarea .navbar {  
background : url(../images/navbar.png) no-repeat; 
width : 916px; 
height : 20px; 

margin : 69px 0 0 13px; 
font : 11px/12px Arial, sans-serif; 
color : #fff; 
} 

Then in your html add this

HTML: Select all

<!--[if IE 7]>
  <link rel="stylesheet" type="text/css" href="basic1.css" />
<![endif]-->

Add a style sheet as above and insert the code below

HTML: Select all

#navarea .navbar {  
background : url(../images/navbar.png) no-repeat; 
width : 916px; 
height : 20px; 
margin-top:-10px;
font : 11px/12px Arial, sans-serif; 
color : #fff; 
}

Hope this helps

Pat