Results 1 to 1 of 1

Thread: How to have a div#box outside container?

  1. #1
    Join Date
    Sep 2007
    Posts
    172
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default How to have a div#box outside container?

    Hello Everyone,

    I am trying to create 2 boxes outside the wrapper on the left side? Can anyone guide me how to achieve this?

    Maybe this picture will help to understand: Click image for larger version. 

Name:	layout1.jpg 
Views:	121 
Size:	44.9 KB 
ID:	5590

    HTML Code:
    <div class="container">
    	<div id="header">FULL WIDTH HEADER</div>
    	<div class="left-column" >left column</div>
    	<div class="middle-column" >middle column</div>
    	<div class="right-column" >right column</div>
    		
    </div>
    <div class="clear"></div><!-- used to clear the floats -->
    <div id="footer">FULL WIDTH FOOTER</div>
    Code:
    #header,#footer { width: 100%; margin: auto; background-color:blue; height:50px; }
    	.container
    	{ 
    	width:100%; 
    	height:700px;  
    	background-color:lightblue;
    	margin:0 auto;
    	}
    	.left-column
    	{
    		width:15%;
    		height:700px;  
    		float:left;
    		background-color:red;
    	}
    	.middle-column
    	{
    		width:65%;
    		height:700px;  
    		float:left;
    		background-color:pink;
    	}
    	.right-column
    	{
    		width:20%;
    		height:700px;  
    		float:left;
    		background-color:yellow;
    	}
    	.clear
    	{
    		clear:both;
    	}
    Last edited by bbilal; 02-11-2015 at 05:29 PM.

Similar Threads

  1. Accordion header anchor link work while header is expanded
    By ngguh in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 05-10-2012, 07:11 PM
  2. On scroll header collapse to smaller sticky header
    By danielmeade in forum JavaScript
    Replies: 3
    Last Post: 07-17-2011, 12:28 PM
  3. Replies: 0
    Last Post: 02-06-2010, 01:58 AM
  4. Accordion Menu Header Help
    By seth69 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 05-13-2008, 01:51 AM
  5. Accordion Menu: Passing A Parameter To Open A Menu Header (not in the url)
    By olee1kenobi in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 05-03-2008, 01:44 AM

Bookmarks

Posting Permissions

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