www.webdeveloper.com
Results 1 to 3 of 3

Thread: way new.. faux columns help

  1. #1
    Join Date
    Mar 2005
    Posts
    57

    way new.. faux columns help

    okay please be patient.. this is my first shot at using css and found template i could somewhat understand.. i messed with it a bit but can not for the life of me get the pages columns to look the same length...
    i've read a bunch on here about ways of doing this but have not had any luck.
    can anyone look and see what i need to add to get this to work.

    thanks,
    shawn


    Code:
    <style type="text/css">
    		body {
    			margin:0;
    			padding:0;
    			font:76%/1.5em Verdana,Geneva,Arial,Helvetica,sans-serif;
    			text-align:center;
    			background: #ccc url(../images/bg_gray.gif) repeat-y 50% 0;
    		}
    
    		p { margin:0; }
    
    		#wrap {
    			width:760px;
    			\width:780px;
    			w\idth:760px;
    			border:1px solid #000000;
    			margin-left:auto;
    			margin-right:auto;
    			text-align:left;
    		}
    
    		#header {
    			padding:10px;
    			margin-bottom: 0;
    			background-color:#000000;
    			border-bottom:1px solid #000000;
    		}
    
    		#content {
    			padding:10px;
    			margin-left:220px;
    			background-color:#999999;
    			border-left:1px solid #000000;
    			
    		}
    
    		#nav {
    			float:left;
    			width:200px;
    			\width:220px;
    			w\idth:200px;
    			margin:0;
    			margin-right:0;
    			padding:10px;
    			background-color:red;
    			color:#000000;
    			background-image: url("images\bg_red.gif");
    			background-repeat: repeat-y;
    		}
    
    		#footer {
    			clear:both;
    			padding:10px;
    			margin-top:0;
    			background-color:#000000;
    			border-top:1px solid #000000;
    		}
    
    	</style>
    Last edited by reagan123; 03-27-2005 at 02:48 PM.

  2. #2
    Join Date
    Jul 2004
    Location
    Sendai, Japan
    Posts
    1,273
    It looks like you've misunderstood the idea behind faux columns. You've put background colours in your content and your nav, but the idea is for them to have no background really - the background is in the body (or in you case, the #wrap div).

    See if this helps...
    Last edited by BonRouge; 03-27-2005 at 02:54 PM.

  3. #3
    Join Date
    Mar 2005
    Posts
    57
    you are right.. i did misunderstand the way they are used... reading so much at one time over the last few days got me all mixed up...

    thanks so much for your link... it is starting to make sense now... i'll see what i can do from here.

    thanks again for the help!!!!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles