Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jun 2010
    Posts
    27
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Exclamation please help with float ?

    please help me with css
    i want to make this [see attatchment]
    i used this div style with external css
    Code:
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="home.css">
    </head>
    <body>
    <div class="header"><img src="" align="left"></div><div id="page_content"> 
    <div class="left">
    <div class="left1">hello</div>
    </div>
    <div class="content">this is content</div>
    
    <div class="right">
    <div class="right1"></div>
    </div>
    <div class="footer"></div>
    </body>
    </html>
    i used this css
    Code:
    .left {
    	margin: 0 0 10px 0px;
    	padding: 5px;
    	border: 5px solid #cccccc;
    	height:500;
    	width:300;
    	float:left;
    }
    .left1 {
    	margin: 0 0 10px 0px;
    	padding: 5px;
    	border: 5px solid #cccccc;
    	height:500;
    	width:300;
    	float:left;
    }
    
    .content
    {
    	background-color:#0F0;
    	height:500;
    	width:200;
    	float:left;
    }
    
    .right {
    	margin: 0 0 10px 0;
    	float: left;
    	width:300px;
    	height:500;
    	padding: 5px;
    	border: 1px solid #cccccc;
    	background-color: #ffffff;
    }
    .right1 {
    	margin: 0 0 10px 0;
    	float: left;
    	width:300px;
    	height:500;
    	padding: 5px;
    	border: 1px solid #cccccc;
    	background-color: #ffffff;
    }
    please help me anybody
    Attached Thumbnails Attached Thumbnails please help with float ?-untitled.png  

  • #2
    Regular Coder
    Join Date
    Aug 2002
    Location
    San Francisco
    Posts
    455
    Thanks
    19
    Thanked 15 Times in 15 Posts
    You forgot to close your page_content div.
    Outside of a dog, a book is man's best friend. Inside of a dog it's too dark to read. Groucho Marx


  •  

    Posting Permissions

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