SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru hisham777's Avatar
    Join Date
    Dec 2005
    Posts
    802
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question help with positioning please

    any one please am gouing crazy
    why my <div id="left"> </div> gouse down

    the css code
    Code:
    /* CSS Document */
    body {
    background-color: transparent;
    font-size: 11px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#564b47;
    padding:0px;
    margin:0px;
    }
    
    
    
    #container {
    width: 766px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border:1px #000000 solid;
    background-color: transparent;
    }
    
    
    #header {
    background-color: transparent;
    text-align: right;
    padding: 0px;
    margin: 0px;
    }
    
    #bodycontainer {
    width: 766px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding:2px;
    border:1px solid #CCCCCC;
    background-color: transparent;
    }
    
    div#bodycontainer { 
    min-height:600px;
    height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
    }
    
    
    #right {
    background-color: transparent;
    padding: 0px;
    border:1px #CCCCCC solid;
    margin-top:0px;
    margin-left: 220px;
    margin-right:auto;
    margin-bottom:auto;
    }
    div#right { 
    min-height:600px;
    height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
    }
    
    
    
    #left {
    float: left;
    width: 210px;
    border:1px #CCCCCC solid;
    margin-top:2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom:0px;
    padding: 0px;
    }
    
    div#left { 
    min-height:600px;
    height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
    }
    
    
    #footer {
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: right;
    background-color:#000000; 
    }
    Attached Images Attached Images

  2. #2
    SitePoint Guru hisham777's Avatar
    Join Date
    Dec 2005
    Posts
    802
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the html code

    HTML 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>Untitled Document</title>
    <link href="test1.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <div id="container">
    	<div id="header" >
    	  
    	</div>
    	<div id="bodycontainer">
    	
    	
    			<div id="right">
    	
    		tyiikyrk
    	
    			</div>
    			<div id="left">
    	
    		rtkrkyt
    	
    			</div>
    			
    	</div>
    			<div id="footer">
    			dsgdhdhd
    			sdhdshd
    			</div>		
    </div>
    </body>
    </html>

  3. #3
    SitePoint Member ghettopixel's Avatar
    Join Date
    Mar 2006
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    EDIT: Thanks for the code and stuff,

    Here is your problem fixed

    Code:
      <div id="bodycontainer">
      		<div id="left"> rtkrkyt </div>
    		<div id="right"> tyiikyrk </div>
      </div>
    That should fix your problem LEFT Before RIGHT mate.

  4. #4
    SitePoint Guru hisham777's Avatar
    Join Date
    Dec 2005
    Posts
    802
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks, first time i know it matters

    thanks alot new info


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
  •