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 3 of 3
  1. #1
    Regular Coder
    Join Date
    Oct 2007
    Posts
    277
    Thanks
    2
    Thanked 4 Times in 4 Posts

    right panel won't be in place

    look at this link and you'll see what I mean:
    http://neostar.110mb.com/test/index.html
    here is the css code:
    Code:
    /* CSS Document */
    body{
    	padding:0; margin:0; background-color:#000000;
    	}
    div, ul, p, h1, h2, h3, h4, img, form{
    	padding:0; margin:0;
    	}
    ul{
    	list-style-type:none;
    	}
    .bank{
    	line-height:0px; font-size:0px; clear:both;
    	}
    /*------------------------------up_div---------------------*/
    #up_div{
    	background:url(images/up_bg.gif) repeat-x 0 0 #fff; color:#3b3b3b; width:100%; float:left;
    	}
    #header{
    	background:url(images/logo.jpg) no-repeat 0 0; width:778px; margin:0 auto; position:relative; height:314px;
    	}
    #header img{
    	display:block; top:36px; left:120px; position:absolute;
    	}
    #header img.logo{
    	position:absolute; left:97px; top:124px; display:block;
    	}
    #header h1{
    	width:123px; display:block; font:13px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#676666; font-weight:bold;
    	position:absolute; top:169px; left:100px; background-color:#fbfbe5;
    	}
    #header ul{
    	width:546px; display:block; position:absolute; top:253px; left:124px;
    	}
    #header ul li{
    	float:left; display:block; margin:0 3px 0 3px;
    	}
    #header ul li a{
    	font:13px/20px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; padding:0 8px 0 8px;
    	color:#000000; background-color:#FFFF00; display:block; text-decoration:none;
    	}
    #header ul li a:hover{
    	background-color:#CECE00; color:#FFFFFF;
    	}
    	
    /*----------------------------------body part----------------*/
    #mainBody{
    	width:770px; margin:20px 0 0 20px; 
    	}
    /*-------------left side------*/
    #leftPan{
    	width:161px; color:#B6B6B5; background:url(images/left_side_up.gif) no-repeat 0 0 #FFFF00; padding:19px 0 0 0;	
    	}
    #leftPanDown{
    	width:161px; color:#B6B6B5; background:url(images/left_side_down.gif) no-repeat bottom left; padding:19px 0 0 0;	
    	}
    #leftPanBg{
    	width:161px; color:#B6B6B5; background:url(images/left_side_bg.gif) repeat 0 0 #FFFF00; padding:19px 0 0 0;	
    	}
    #leftPan p{
    	background:url(images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
    	}
    #leftPan h2{
    	background:url(images/services_icon.gif) no-repeat 0 0 #FFFF00; color:#000000; width:90px; height:34px; display:block;
    	margin:0px 0 0 25px; font: normal 24px/34px Arial, Helvetica, sans-serif; padding: 0 0 0 25px;
    	}
    #leftPan ul{
    	width:119px; display:block; margin:6px 0 24px 25px; font-size:0;
    	}
    #leftPan ul li{
    	background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:24px;
    	}
    #leftPan ul li a{
    	font:12px/24px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; background-color:#FFFF00; display:block;
    	}
    #leftPan ul li a:hover{
    	background-color:#CECE00; color:#FFFFFF;
    	}
    #leftPan h3{
    	color:#fff; width:114px; height:24px; display:block; margin:0px 0 10px 26px; padding: 0 0 0 0; background-color:#171717;	
    	font: normal 24px/24px Arial, Helvetica, sans-serif; 
    	}
    
    /*-------------------------------right-------*/
    #rightPan{
    	width:161px; color:#B6B6B5; background:url(images/left_side_up.gif) no-repeat 0 0 #FFFF00; padding:19px 0 0 0; float:right;	margin: 20px 0px 20px 0px;
    	}
    #rightPanDown{
    	width:161px; color:#B6B6B5; background:url(images/left_side_down.gif) no-repeat bottom left; padding:19px 0 0 0;	
    	}
    #rightPanBg{
    	width:161px; color:#B6B6B5; background:url(images/left_side_bg.gif) repeat 0 0 #FFFF00; padding:19px 0 0 0;	
    	}
    #rightPan p{
    	background:url(images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
    	}
    #rightPan h2{
    	background:url(images/services_icon.gif) no-repeat 0 0 #FFFF00; color:#000000; width:90px; height:34px; display:block;
    	margin:20px 0 0 20px; font: normal 24px/34px Arial, Helvetica, sans-serif; padding: 0 0 0 25px;
    	}
    #rightPan ul{
    	width:119px; display:block; margin:6px 0 24px 25px; font-size:0;
    	}
    #rightPan ul li{
    	background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:24px;
    	}
    #rightPan ul li a{
    	font:12px/24px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; background-color:#FFFF00; display:block;
    	}
    #rightPan ul li a:hover{
    	background-color:#CECE00; color:#FFFFFF;
    	}
    #rightPan h3{
    	color:#fff; width:114px; height:24px; display:block; margin:0px 0 10px 26px; padding: 0 0 0 0; background-color:#171717;	
    	font: normal 24px/24px Arial, Helvetica, sans-serif; 
    	}
    
    
    
    
    
    /*-------------------------------body---------*/
    
    #bodyPan{
    	width:430px; margin:20px 100px 20px 100px;
    	}
    #bodyPan h2{
    	height:95px; width:204px; display:block;
    	}
    #bodyPan h2 a{
    	width:204px; height:95px; display:block; text-decoration:none; text-indent:-2000px;
    	}
    
    #bodyPan p{
    	width:427px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#000000; display:block;
    	margin:0 0 0 0;
    	}
    #bodyPan p span{
    	color:#2BCB02; background-color:#000000; font-size:17px; font-weight:bold;
    	}
    #bodyPan h3{
    	font:24px/22px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; display:block; margin:0 0 0 0;
    	height:27px;
    	}
    
    /*-------------------------------footer---------*/
    #footerMain{
    	background:url(images/footer_bg.gif) repeat-x 0 0; width:100%;
    	}	
    #footer{
    	background:url(images/footer.gif) no-repeat 0 0; height:97px; width:778px; margin:0 auto 0 auto; padding:74px 0 0 0;
    	}
    #footer ul{
    	width:446px; display:block; margin:0px 0 0 270px; padding:0; font-size:0; height:20px; 
    	}
    #footer ul li{
    	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; background-color:#0F0F0F;
    	padding:0; margin:0;
    	}
    #footer ul li a{
    	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  background-color:#0D0D0D;
    	text-decoration:none; padding:0 6px 0 6px; 
    	}
    #footer ul li a:hover{
    	text-decoration:underline;
    	}
    #footer p{
    	width:324px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0px 0 0 430px;
    	background-color:#0A0A0A; padding:0 0 9px 0;
    	}
    #footer ul.css{
    	width:103px; display:block; font-size:0px; margin:0px 0 0 586px; padding:0; height:20px;
    	}
    #footer ul.css li{
    	display:block; float:left; background-color:#060606; margin:0 0 0 1px; padding:0; color:#FFFFFF;
    	}
    #footer ul.css li a{
    	 text-indent:-2000px; height:11px; padding:0; margin:0; float:left; font-size:0; display:block;
    	}
    #footer ul.css li a.cs{
    	background:url(images/css.gif) no-repeat 0 0; width:39px;
    	}
    #footer ul.css li a.cs:hover{
    	background:url(images/css_h.gif) no-repeat 0 0; width:39px;
    	}
    #footer ul.css li a.html{
    	background:url(images/xhtml.gif) no-repeat 0 0; width:61px;
    	}
    #footer ul.css li a.html:hover{
    	background:url(images/xhtml_h.gif) no-repeat 0 0; width:61px;
    	}
    #footer p.copy{
    	width:250px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0;
    	background-color:#030303; padding:0; float:right; display:block;
    	}
    #footer p.copy a{
    	text-decoration:underline; color:#EAEAEA; background-color:#030303;
    	}
    #footer p.copy a:hover{
    	text-decoration:none
    	}
    can you help me fix this?
    please.

  • #2
    New Coder
    Join Date
    Oct 2007
    Posts
    49
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Quote Originally Posted by shedokan View Post
    look at this link and you'll see what I mean:
    http://neostar.110mb.com/test/index.html
    here is the css code:
    Code:
    /*----------------------------------body part----------------*/
    #mainBody{
    	width:770px; margin:20px 0 0 20px;
    can you help me fix this?
    please.
    You have it floating in the mainBody div, so its floating to the right of 770px. You'll have to either adjust the width of that div, or move it to the outside of that div.

  • #3
    Regular Coder
    Join Date
    Oct 2007
    Posts
    277
    Thanks
    2
    Thanked 4 Times in 4 Posts
    admins please delete this


  •  

    Posting Permissions

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