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 5 of 5

Thread: div going up

  1. #1
    Regular Coder
    Join Date
    May 2006
    Posts
    107
    Thanks
    1
    Thanked 0 Times in 0 Posts

    div going up

    I want to display a row, then a row of 3 columns and then one more row.

    First is working fine, but 2nd and 3rd are creating problems on FF

    3rd goes up.

    here is my code.

    I want to show it like thisl
    1. library-grey div
    3. lib-content div with 3 cols in it.
    4. pages div

    any one help me out?

    Regards,

    code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Test</title>
    <style>
    #lib-content { padding:0px;border: 1px solid #000000;}
    #lib-logo    { width:50px;  margin-left:5px; float:left; border: 1px solid #FFCCbb;}
    #lib-doc     { width:50px;  margin-left:5px; float:left; border: 1px solid #FFCCcc;}
    #lib-archive { width:50px;  margin-left:5px; float:left; border: 1px solid #FFCCdd;}
    </style>
    </head>
    
    <body>
    <div id="main-left-content">
    				<div id="library-grey" style="background:#A8A88E;">
    					Uplaod | Archives
    				</div>
    				
    				<div id="lib-content">
    					<div id="lib-logo">			Logo				</div>
    					<div id="lib-doc">					a pdf				</div>
    					<div id="lib-archive">					arch				</div>
    				</div>
    				
    				<div id="pages" align="right" style="background:#E0E0B0;" class="text">
    					<strong>pages: 1 | 2 | 3 | 4 | 5 </strong>
    				</div>
    				
    			</div>
    </body>
    </html>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Just clear your third row (div) by adding clear:both;
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    May 2006
    Posts
    107
    Thanks
    1
    Thanked 0 Times in 0 Posts
    thanks man, but can you tell what does this mean? is there any clear one or only clear both?


    Regards,
    -dizyn

  • #4
    Regular Coder
    Join Date
    May 2006
    Posts
    107
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Also this is not not working, i mean it also goes up
    Code:
    <div id="lib-content">
     <div id="lib-logo">		Logo				</div>
     <div id="lib-doc">		a pdf				</div>
     <div id="lib-archive">		arch				</div>
    </div>
    
    <div id="lib-content">
     <div id="lib-logo">		Logo				</div>
     <div id="lib-doc">		a pdf				</div>
     <div id="lib-archive">		arch				</div>
    </div>

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    You may get something useful from www.positioniseverything.net/easyclearing.html
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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