Go Back   SitePoint Forums > Forum Index > Design Your Site > Web Page Design > CSS
Newsletter FAQ Members List Calendar Mark Forums Read

New to SitePoint Forums? Register here for free!

SitePoint Sponsor
 
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old Aug 29, 2009, 23:53   #1
NJCarrier
SitePoint Member
 
Join Date: Aug 2009
Posts: 2
Centering in CSS

This is my first experience with CSS. I started with an open template and made lots of modifications, so my knowledge in CSS isn't the greatest. I would like to set the page width as a percentage (perhaps 95% or so), but don't know how. Here is the applicable CSS (it won't let me post the link, let me know if you need more data):

#vertinav {
background-color:#D7D7D7;
width:182px;
height:100%;
float:left;
}

#vertinav ul {
list-style: none;
display:inline;
}
#vertinav li a{
margin:0 0 0 5px;
color:#666666;
text-decoration:none;
}

#vertinav li a:hover {
color: #00007c;
}
.vertinavheader {
font-size:22px;
color:#000000;
margin-left: 5px;
}


#vertinavcontent {
margin-left:5px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}

#content {
background-color:#E4E4E4;
float:left;
width:810px;
}


As it is, it displays fine in FF and Chrome, but in IE the content bar drops below the side bar. I want them to always be side by side. Is there a way to do this?

Thanks a ton!

Nate
NJCarrier is offline   Reply With Quote
 

Bookmarks

« Previous Thread | Next Thread »

Thread Tools
Display Modes

 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Sponsored Links
 
Forum Jump


All times are GMT -7. The time now is 03:42.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Copyright 1998-2009, SitePoint Pty Ltd. All Rights Reserved