serious problem

September 30, 201015 yr

Please visit the link

there i included a dhtmlx tab. but adding the tab. the footer goes to right and displaces

here is my main site css

#wrapper {
margin: 0 auto;
width: 1200px;
background-image: url(../simages/bg.jpg);
}
#mnbar {
margin-left: 44px;
margin-right: 51px;
}

#headr {
width: 1200px;
height: 386px;
background-image: url(../simages/headr.jpg);
}
#mcontent {
width: 800px;
padding-left: 0px;
padding-top: 10px;
font: verdana;
border: 1px solid;
border-color: #C9DEFA;
margin-left: 55px;
margin-bottom: 5px;
}
#maincontenthead {
background-image: url(../simages/panel-title-light-bg.gif);
}

#footr {
background-color: #BDEE54;
padding-left: 23px;
width: 1080px;
margin-left: 45px;
font: verdana;
font-size: 11px;
height: 150px;
clear: right;
}
#fooleft {
height: 140px;
width: 260px;
float: right;
padding-top: 10px;
}
#hdrmenu {
width: 90px;
height: 50px;
float: right;
padding-right: 70px;
}
#sidepanel {
width: 250px;
float: right;
padding-top: 10px;
margin-right: 60px;
border: 1px solid;
border-color: #C9DEFA;
border-top-color: #C9DEFA;
}
#newsupdate {
font: verdana;
padding-left: 3px;
padding-right: 3px;

}
#panelhead {
font: verdana;
background-image: url(../simages/panel-title-light-bg.gif);
font-size: 12px;
height: 30px;
font-weight: bold;
text-align: center;

}

#tabnew {
}

and here is the css of dhtmlx tab

.dhx_tabbar_zone_top{
  position:relative;
}
.dhx_tabbar_zone, .dhx_tabbar_zoneB, .dhx_tabbar_zoneV, .dhx_tabbar_zoneVB{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:1;
}
.dhx_tablist_line{
height:1px;
width:1px;
background-color:#91A7B4;
position:absolute;
overflow:hidden;
}
.dhx_tabbar_row, .dhx_tablist_zone, .dhx_tabcontent_zone, .dhx_tab_element{
width:100%;
height:100%;
overflow:hidden;
position:absolute;
}
.dhx_tablist_zone{
z-index:3;
overflow:hidden;
}
.dhx_tabcontent_zone{
border:1px solid #91A7B4;
z-index:2;
}
.dhx_tabbar_zone_top .dhx_tab_element{
padding-top:3px;
}
.dhx_tab_element span{
 white-space: nowrap;
}
.dhx_tab_element{
cursor:pointer;
text-align:center;
font-family:Tahoma;
font-size:8pt;
background-color:white;
}
.dhx_tabbar_zoneV .dhx_tab_element{
padding:0px 0px 0px 3px;
text-align:left;
}
.dhx_tabbar_zoneVB .dhx_tab_element{
padding:0px 3px 0px 0px;
text-align:right;
}
.dhx_tab_element div{
height:40px;
width:40px;
position:absolute;
overflow:hidden;
}
.dhx_tab_element span{
position:relative;
z-index:10;
}

.dhx_tabbar_zone_dhx_blue .dhx_tablist_line{
	background-color:#C2D5DC;
}
.dhx_tabbar_zone_dhx_blue .dhx_tabcontent_zone{
	border-color:#D2E3EA;
}


.dhx_tabbar_zone_dhx_blue .dhx_tab_element{
	color:#006699;
}
.dhx_tab_element_active{
	font-weight:bold;
}
.dhx_tabbar_zone_dark_blue .dhx_tab_element,.dhx_tabbar_zone_dhx_black .dhx_tab_element{
	color:white;
}
.dhx_tabbar_zone_dhx_black .dhx_tablist_line{
	background-color:#626262;
}
.dhx_tabbar_zone_dhx_black .dhx_tabcontent_zone{
	border-color:#333333;
}

.dhx_tabbar_zone_dhx_web .dhx_tabbar_row{
background-color:#646464;
}
.dhx_tabbar_zone_dhx_web .dhx_tab_element span{
top:4px;
font-weight:normal !important;
font-size:12px;
}
.dhx_tabbar_zone_dhx_web .dhx_tablist_line{
display:none;
}
.dhx_tabbar_zone_dhx_web .dhx_tabcontent_zone{
/*
border-width:0px 1px 1px 1px;
border-color:#646464;;
*/
background-color:#646464!important;
border:none!important;
}

.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url(./imgs/dhx_skyblue/bg_top.png);
border-right:1px solid #B6CBDD;
border-left:1px solid #B6CBDD;
}
.dhx_tabbar_zone_dhx_blue .dhx_tabbar_row{
background-color: #D2E3EA;
}
.dhx_tabbar_zone_dhx_black .dhx_tabbar_row{
background-color: black;
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineA{
position:absolute; 
left:0px; width:1px; height:3px; 
background-color:white; 
z-index:999; 
border-left:1px solid #A4BED4; 
border-right:1px solid #A4BED4; 
overflow:hidden;	
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineB{
position:absolute; left:2px; width:100px; height:3px; 
background-color: #D0E5FF; 
z-index:999; overflow:hidden;
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
position:absolute; right:0px;  width:1px; height:21px; 
background-color: white; 
z-index:999; overflow:hidden;
border-right:1px solid #A4BED4;
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
position:absolute; left:1px;  width:1px; height:21px; 
background-color: white; 
z-index:999; overflow:hidden;	
}
.dhx_tabbar_zone_top .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
top:1px;
}
.dhx_tabbar_zone_top .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
top:1px;
}



.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
bottom:1px;
}
.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
bottom:1px;
}
.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url(./imgs/dhx_skyblue/bg_bottom.png);
background-position:bottom;
}
.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line {
border-width:0px 1px 1px 0px;
}
.dhx_tabbar_zone_bottom .dhx_tab_element span{
padding-top:5px;
display:block;
}



.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineB{
width:3px;left:auto; top:2px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineA{
width:3px;
border:1px solid #A4BED4;
border-width:1px 0px 1px 0px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
height:1px; width:21px; right:auto; bottom:0px; left:1px;
border:1px solid #A4BED4;
border-width:0px 0px 1px 0px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
height:1px; width:21px; right:auto; top:1px; left:1px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url(./imgs/dhx_skyblue/bg_left.png);
border:1px solid #B6CBDD;
border-width:1px 0px 1px 0px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line {
border-width:0px 0px 1px 1px;
width:2px !ie;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tab_element{
padding-top:0px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tab_element span{
padding-top:5px;
display:block;
}


.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineA{
left:auto; width:3px;
border:1px solid #A4BED4;
border-width:1px 0px 1px 0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineB{
width:3px;left:auto; top:2px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
height:1px; width:21px; left:auto; bottom:0px; right:1px;
border:1px solid #A4BED4;
border-width:0px 0px 1px 0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
height:1px; width:21px; left:auto; top:1px; right:0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url(./imgs/dhx_skyblue/bg_right.png);
background-position:right;
border:1px solid #B6CBDD;
border-width:1px 0px 1px 0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line {
border-width:0px 1px 1px 0px;
width:2px !ie;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tab_element{
padding-top:0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tab_element span{
padding-top:5px;
display:block;
}



.dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line{
height:3px; border:1px solid #A4BED4; background-color:white; border-width:1px 1px 0px 0px;
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabcontent_zone{
 border-color:#A4BED4;
}

/* common */
div.dhxcont_main_content {
position: relative;
left: 0px;
top: 0px;
overflow: hidden;
}
div.dhxcont_content_blocker {
position: absolute;
left: 0px;
top: 0px;
width: 101%;
height: 101%;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
background: #FFFFFF;
z-index: 1;
-moz-user-select: none;
}

div.dhx_tabbar_zone_dhx_skyblue div.dhxcont_sb_container {
position: relative;
height: 24px;
}
div.dhx_tabbar_zone_dhx_skyblue div.dhxcont_sb_container div.dhxcont_statusbar {
background-image: url("./imgs/dhx_skyblue/dhxlayout_bg_sb.gif");
position: relative;
top: 2px;
height: 22px;
line-height: 22px;
background-repeat: repeat-x;
width: auto;
padding: 0px 4px;
overflow: hidden;
white-space: nowrap;
border-top: none;
border-bottom: none;
border-left: #a4bed4 0px solid;
border-right: #a4bed4 0px solid;
font-family: Tahoma;
font-size: 11px;
vertical-align: middle;
color: #000000;
}

div.dhx_tabbar_zone_dhx_web div.dhxcont_sb_container {
position: relative;
height: 41px;
}
div.dhx_tabbar_zone_dhx_web div.dhxcont_sb_container div.dhxcont_statusbar {
position: relative;
top: 9px;
height: 32px;
line-height: 32px;
background-color: #ececec;
width: auto;
padding: 0px 12px;
overflow: hidden;
white-space: nowrap;
font-family: "Trebuchet MS";
font-size: 14px;
vertical-align: middle;
color: #666666;
}

/* dhxcont cells in layout */
.dhx_tabbar_zone_dhx_web div.dhxcont_global_content_area {
position: absolute;
overflow: hidden; /* important for IE */
background-color: #FFFFFF;
}
.dhx_tabbar_zone_dhx_web div.dhxcont_global_content_area.dhxcont_tabbar_dhx_web {
border: white 8px solid; /* change to white */
}

i really need your helps.please help

September 30, 201015 yr

I'm not certain exactly what you're asking, but if you're trying to align the footer with the rest of the page properly, you'll need to remove the margin and padding you have set. Change

#footr {
background-color: #BDEE54;
padding-left: 23px;
width: 1080px;
margin-left: 45px;
font: verdana;
font-size: 11px;
height: 150px;
clear: right;
}

to

#footr {
background-color: #BDEE54;
width: 1080px;
font: verdana;
font-size: 11px;
height: 150px;
clear: right;
}

Your DHTML box doesn't seem to be interfering with anything that I can see.

September 30, 201015 yr

You've got your footer inside your div id="mcontent" thats the problem

check your html

September 30, 201015 yr

That's semantics: it isn't causing the styling issue I addressed.

September 30, 201015 yr

Author

here is my html

<!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=utf-8" />
<title>Untitled Document</title>
<link href="scss/main.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('simages/maildown.png','simages/CONSOLEDOWN.png')">
<div id="wrapper">
 <div id="headr">
   <div id="hdrmenu"><a href="http://mail.nabinagarupazila.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('mailbox','','simages/maildown.png',1)"><img src="simages/MAILUP.png" alt="Web mail" name="mailbox" width="40" height="50" border="0" id="mailbox" /></a><a href="http://www.nabinagarupazila.com/admin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ADMIN CONSOLE','','simages/CONSOLEDOWN.png',1)"><img src="simages/CONSOLEUP.png" alt="ADMIN CONSOLE" name="ADMIN CONSOLE" width="40" height="50" border="0" id="ADMIN CONSOLE" /></a></div>
   </div>
 <div id="mnbar"><?php include("menu.htm"); ?></div>

 <div id="sidepanel">
   <div id="panelhead">Recent news</div>
   <div id="newsupdate"><?php include("news.html"); ?></div>
   </div>
 <div id="mcontent">
 <div id="maincontenthead"><h2>Nabinagar Upazila</h2></div>
 <div id="tabnew"><?php include("tabs.php"); ?></div>
 </div>
 <div id="footr"> <div id="fooleft">
   <div align="left"><img src="simages/pilogo.png" alt="platform it" width="70" height="60" hspace="0" /><img src="simages/valid_css_code_icon.png" alt="valid css" width="64" height="64" hspace="10" /><img src="simages/valid_xhtml_code_icon.png" alt="xhtml alid" width="64" height="64" /><br />  
       <br />
     Design and developed By:<a href="http://www.platform-it.net" target="_blank">Platform IT LTD</a><br />
     World wide web and software solution.<br />
     <br />
   </div>
 </div>
   <br />
   Copyright © 
   <?php
echo date("Y");
?>
Nabinagar Upazila All rights reserved.

<br />
Valid Css and xhtml with zero error<br />
Supported Browser : ie7+,mozila firefox,google chorme<br />
<br />
<br />
<br />
 </div>
</div>
</body>
</html>

footer id didnt go to the mcontent id

September 30, 201015 yr

It's what is being included in "tabs.php" that is messing up your markup (for a start it is echo'ing "</body></html>" at the end) (in fact, your HTML has a full THREE opened and closed <body> tags...?).

Make the change I suggested above to /scss/main.css and your problem will go away.

September 30, 201015 yr

Author

here is my scss/main.css

in where should i change?

#wrapper {
margin: 0 auto;
width: 1200px;
background-image: url(../simages/bg.jpg);
}
#mnbar {
margin-left: 44px;
margin-right: 51px;
}

#headr {
width: 1200px;
height: 386px;
background-image: url(../simages/headr.jpg);
}
#mcontent {
width: 800px;
padding-left: 0px;
padding-top: 10px;
font: verdana;
border: 1px solid;
border-color: #C9DEFA;
margin-left: 55px;
margin-bottom: 5px;
}
#maincontenthead {
background-image: url(../simages/panel-title-light-bg.gif);
}

#footr {
background-color: #BDEE54;
padding-left: 23px;
width: 1080px;
margin-left: 45px;
font: verdana;
font-size: 11px;
height: 150px;
clear: right;
}
#fooleft {
height: 140px;
width: 260px;
float: right;
padding-top: 10px;
}
#hdrmenu {
width: 90px;
height: 50px;
float: right;
padding-right: 70px;
}
#sidepanel {
width: 250px;
float: right;
padding-top: 10px;
margin-right: 60px;
border: 1px solid;
border-color: #C9DEFA;
border-top-color: #C9DEFA;
}
#newsupdate {
font: verdana;
padding-left: 3px;
padding-right: 3px;

}
#panelhead {
font: verdana;
background-image: url(../simages/panel-title-light-bg.gif);
font-size: 12px;
height: 30px;
font-weight: bold;
text-align: center;

}

#tabnew {
}

and tabs.php is....

<!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=utf-8" />
<title>tabs</title>
</head>

<body>
<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxtabbar.css">
<script  src="codebase/dhtmlxcommon.js"></script>
<script  src="codebase/dhtmlxtabbar.js"></script>

<div id="a_tabbar" style="width:600px; height:200px;"/>
<div id='html_1'>gfgfhfg<br />
ffgf<br />
fdgfdg<br />
fdgfdg<br />
fdgfdg<br />
fdgfdg<br />
fdgfdg<br />
Fdgfdg</div>
<div id='html_2'>ddddf</div>

<script>tabbar = new dhtmlXTabBar("a_tabbar", "top");
tabbar.setSkin('dhx_skyblue');
tabbar.setImagePath("codebase/imgs/");
tabbar.enableAutoSize(false, true);
tabbar.addTab("a1", "nabinagar", "100px");
tabbar.addTab("a2", "Tab 1-2", "100px");
tabbar.addTab("a3", "Tab 1-3", "100px");
tabbar.addTab("a3", "Tab 1-3", "100px");
tabbar.setContent("a1", "html_1");
tabbar.setContent("a2", "html_2");
tabbar.setContentHTML("a3", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");
tabbar.setTabActive("a1");</script>
</body>
</html>

and the css for this tab is

.dhx_tabbar_zone_top{
  position:relative;
}
.dhx_tabbar_zone, .dhx_tabbar_zoneB, .dhx_tabbar_zoneV, .dhx_tabbar_zoneVB{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:1;
}
.dhx_tablist_line{
height:1px;
width:1px;
background-color:#91A7B4;
position:absolute;
overflow:hidden;
}
.dhx_tabbar_row, .dhx_tablist_zone, .dhx_tabcontent_zone, .dhx_tab_element{
width:100%;
height:100%;
overflow:hidden;
position:absolute;
}
.dhx_tablist_zone{
z-index:3;
overflow:hidden;
}
.dhx_tabcontent_zone{
border:1px solid #91A7B4;
z-index:2;
}
.dhx_tabbar_zone_top .dhx_tab_element{
padding-top:3px;
}
.dhx_tab_element span{
 white-space: nowrap;
}
.dhx_tab_element{
cursor:pointer;
text-align:center;
font-family:Tahoma;
font-size:8pt;
background-color:white;
}
.dhx_tabbar_zoneV .dhx_tab_element{
padding:0px 0px 0px 3px;
text-align:left;
}
.dhx_tabbar_zoneVB .dhx_tab_element{
padding:0px 3px 0px 0px;
text-align:right;
}
.dhx_tab_element div{
height:40px;
width:40px;
position:absolute;
overflow:hidden;
}
.dhx_tab_element span{
position:relative;
z-index:10;
}

.dhx_tabbar_zone_dhx_blue .dhx_tablist_line{
	background-color:#C2D5DC;
}
.dhx_tabbar_zone_dhx_blue .dhx_tabcontent_zone{
	border-color:#D2E3EA;
}


.dhx_tabbar_zone_dhx_blue .dhx_tab_element{
	color:#006699;
}
.dhx_tab_element_active{
	font-weight:bold;
}
.dhx_tabbar_zone_dark_blue .dhx_tab_element,.dhx_tabbar_zone_dhx_black .dhx_tab_element{
	color:white;
}
.dhx_tabbar_zone_dhx_black .dhx_tablist_line{
	background-color:#626262;
}
.dhx_tabbar_zone_dhx_black .dhx_tabcontent_zone{
	border-color:#333333;
}

.dhx_tabbar_zone_dhx_web .dhx_tabbar_row{
background-color:#646464;
}
.dhx_tabbar_zone_dhx_web .dhx_tab_element span{
top:4px;
font-weight:normal !important;
font-size:12px;
}
.dhx_tabbar_zone_dhx_web .dhx_tablist_line{
display:none;
}
.dhx_tabbar_zone_dhx_web .dhx_tabcontent_zone{
/*
border-width:0px 1px 1px 1px;
border-color:#646464;;
*/
background-color:#646464!important;
border:none!important;
}

.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url(./imgs/dhx_skyblue/bg_top.png);
border-right:1px solid #B6CBDD;
border-left:1px solid #B6CBDD;
}
.dhx_tabbar_zone_dhx_blue .dhx_tabbar_row{
background-color: #D2E3EA;
}
.dhx_tabbar_zone_dhx_black .dhx_tabbar_row{
background-color: black;
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineA{
position:absolute; 
left:0px; width:1px; height:3px; 
background-color:white; 
z-index:999; 
border-left:1px solid #A4BED4; 
border-right:1px solid #A4BED4; 
overflow:hidden;	
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineB{
position:absolute; left:2px; width:100px; height:3px; 
background-color: #D0E5FF; 
z-index:999; overflow:hidden;
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
position:absolute; right:0px;  width:1px; height:21px; 
background-color: white; 
z-index:999; overflow:hidden;
border-right:1px solid #A4BED4;
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
position:absolute; left:1px;  width:1px; height:21px; 
background-color: white; 
z-index:999; overflow:hidden;	
}
.dhx_tabbar_zone_top .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
top:1px;
}
.dhx_tabbar_zone_top .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
top:1px;
}



.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
bottom:1px;
}
.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
bottom:1px;
}
.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url(./imgs/dhx_skyblue/bg_bottom.png);
background-position:bottom;
}
.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line {
border-width:0px 1px 1px 0px;
}
.dhx_tabbar_zone_bottom .dhx_tab_element span{
padding-top:5px;
display:block;
}



.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineB{
width:3px;left:auto; top:2px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineA{
width:3px;
border:1px solid #A4BED4;
border-width:1px 0px 1px 0px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
height:1px; width:21px; right:auto; bottom:0px; left:1px;
border:1px solid #A4BED4;
border-width:0px 0px 1px 0px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
height:1px; width:21px; right:auto; top:1px; left:1px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url(./imgs/dhx_skyblue/bg_left.png);
border:1px solid #B6CBDD;
border-width:1px 0px 1px 0px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line {
border-width:0px 0px 1px 1px;
width:2px !ie;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tab_element{
padding-top:0px;
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tab_element span{
padding-top:5px;
display:block;
}


.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineA{
left:auto; width:3px;
border:1px solid #A4BED4;
border-width:1px 0px 1px 0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineB{
width:3px;left:auto; top:2px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineD{
height:1px; width:21px; left:auto; bottom:0px; right:1px;
border:1px solid #A4BED4;
border-width:0px 0px 1px 0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_lineC{
height:1px; width:21px; left:auto; top:1px; right:0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url(./imgs/dhx_skyblue/bg_right.png);
background-position:right;
border:1px solid #B6CBDD;
border-width:1px 0px 1px 0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line {
border-width:0px 1px 1px 0px;
width:2px !ie;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tab_element{
padding-top:0px;
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tab_element span{
padding-top:5px;
display:block;
}



.dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line{
height:3px; border:1px solid #A4BED4; background-color:white; border-width:1px 1px 0px 0px;
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabcontent_zone{
 border-color:#A4BED4;
}

/* common */
div.dhxcont_main_content {
position: relative;
left: 0px;
top: 0px;
overflow: hidden;
}
div.dhxcont_content_blocker {
position: absolute;
left: 0px;
top: 0px;
width: 101%;
height: 101%;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
background: #FFFFFF;
z-index: 1;
-moz-user-select: none;
}

div.dhx_tabbar_zone_dhx_skyblue div.dhxcont_sb_container {
position: relative;
height: 24px;
}
div.dhx_tabbar_zone_dhx_skyblue div.dhxcont_sb_container div.dhxcont_statusbar {
background-image: url("./imgs/dhx_skyblue/dhxlayout_bg_sb.gif");
position: relative;
top: 2px;
height: 22px;
line-height: 22px;
background-repeat: repeat-x;
width: auto;
padding: 0px 4px;
overflow: hidden;
white-space: nowrap;
border-top: none;
border-bottom: none;
border-left: #a4bed4 0px solid;
border-right: #a4bed4 0px solid;
font-family: Tahoma;
font-size: 11px;
vertical-align: middle;
color: #000000;
}

div.dhx_tabbar_zone_dhx_web div.dhxcont_sb_container {
position: relative;
height: 41px;
}
div.dhx_tabbar_zone_dhx_web div.dhxcont_sb_container div.dhxcont_statusbar {
position: relative;
top: 9px;
height: 32px;
line-height: 32px;
background-color: #ececec;
width: auto;
padding: 0px 12px;
overflow: hidden;
white-space: nowrap;
font-family: "Trebuchet MS";
font-size: 14px;
vertical-align: middle;
color: #666666;
}

/* dhxcont cells in layout */
.dhx_tabbar_zone_dhx_web div.dhxcont_global_content_area {
position: absolute;
overflow: hidden; /* important for IE */
background-color: #FFFFFF;
}
.dhx_tabbar_zone_dhx_web div.dhxcont_global_content_area.dhxcont_tabbar_dhx_web {
border: white 8px solid; /* change to white */
}

'

i trying to finde out the problem.but can't

September 30, 201015 yr

In main.css, change

#footr {
background-color: #BDEE54;
padding-left: 23px;
width: 1080px;
margin-left: 45px;
font: verdana;
font-size: 11px;
height: 150px;
clear: right;
}

to

#footr {
background-color: #BDEE54;
width: 1080px;
font: verdana;
font-size: 11px;
height: 150px;
clear: right;
}

There are quite a few other problems with your code, but they go beyond the remit of this thread.

September 30, 201015 yr

Author

i changed the footer css but no help

September 30, 201015 yr

No you didn't – I'm looking at it right now and it's exactly the same.

September 30, 201015 yr

You both seem to know what your doing

I'd have a look at the closing divs in tabs html :unknw: a_tabbar maybe

October 1, 201015 yr

Author

trying to find the problem.but i cant.i am frustrated now

October 1, 201015 yr

Author

You both seem to know what your doing

I'd have a look at the closing divs in tabs html a_tabbar maybe

yeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeep.thats the problem. i closed the div tag. now the prolem solved.many many thanks mate

serious problem

Featured Replies

Create an account or sign in to comment

Recently Browsing 0

Member Statistics

Forum Statistics

Join WDF

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)