Need help with some Right to left page stuff.

Hi all.

I added the picture of the problem.

How can i sweep sides of the GREEN table with the RED table, that's the GREEN table will be on the right side of the page, and the RED on the left side of the page.

Thanks in advanced to all.

 

That depends on how these elements are arranged. They could be divs or tables.
But this is what you can try. Look into the css file and see if you can find "float:left" and "float:right" on those two divs. If yes, swap them.

 

Thanks for the quick answer.

I try what u wrote, but the left ( green ) table was not show, like she was delete, and the right table remain on her side.

I added the CSS CODE HERE :

/* CSS Document */
/* GENERAL */
body{
padding:2px 0 0 0;
margin:0;
font:normal 12px Arial, Helvetica, sans-serif;
}
div, p, h1, h2, h3, h4, h5, h6, form, input, select, label, li{
padding:0;
margin:0;
}
img{
padding:0;
margin:0;
display:block;
border:none;
line-height:0;
font-size:0;
}
ul{
padding:0;
margin:0;
list-style-type:none;
line-height:0;
font-size:0;
}
a{
text-decoration:none;
outline:none;
}
.spacer{
clear:both;
line-height:0;
font-size:0;
}
/* GENERAL */
/* header start */
div#header{
background:url(images/header_topbg.gif) repeat-x 0 0;
height:174px;
width:884px;
margin:0 auto;
}
/* header top start */
div#header_top{
width:884px;
overflow:hidden;
}
div#header_top div.top_left{
width:135px;
float:left;
padding:9px 0 0 0;
}
div#header_top div.top_left img.logo{
width:135px;
height:71px;
display:block;
border:none;
line-height:0;
font-size:0;
}
div#header_top div.top_right{
width:743px;
height:80px;
float:right;
background:url(images/header_rightbg.gif) no-repeat 0 0;
}
div#header_top div.top_right img.quickbooks{
float:right;
width:98px;
height:71px;
display:block;
line-height:0;
font-size:0;
border:none;
margin:3px 0 0 0;
}
div#header_top div.top_right div.contact{
width:183px;
float:right;
margin:0 80px 0 0;
}
div#header_top div.top_right div.contact p{
padding:10px 0 6px 0;
font:bold 12px/15px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
float:left;
width:auto;
}
div#header_top div.top_right div.contact h2{
background:url(images/url.gif) no-repeat 0 0;
width:148px;
height:28px;
line-height:0;
font-size:0;
border:none;
outline:none;
margin:0 0 0 0;
text-indent:-2000px;
float:right;
}
div#header_top div.top_right h2.caption{
background:url(images/header_caption.gif) no-repeat 0 0;
float:right;
width:333px;
height:16px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
margin:37px 23px 0 0;
}
/* header top end */
/* header bottom start */
div#header_bottom{
padding:20px 0 0 64px;
}
div#header_bottom img{
width:124px;
height:63px;
display:block;
line-height:0;
font-size:0;
border:none;
outline:none;
float:left;
margin:0 4px 0 0;
}
/* header bottom end */
/* header end */
/* body start */
div#body{
width:884px;
padding:8px 0 0 0;
margin:0 auto;
}
/* body left start */
div#body_left{
width:231px;
float:left;
}
/* body left search start */
div#body_left h2.searchhed{
background:url(images/search.gif) no-repeat 0 0;
width:231px;
height:48px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
}
div#body_left div.searchbg{
background:url(images/search_formbg.gif) no-repeat 0 0;
padding:10px 9px 11px 9px;
width:213px;
}
div#body_left div.searchbg input.searc_textbox{
width:206px;
height:23px;
padding:4px 0 0 5px;
border:1px solid #BFC8CF;
background-color:#fff;
color:#474747;
font:normal 11px Arial, Helvetica, sans-serif;
float:left;
margin:0 0 10px 0;
}
div#body_left div.searchbg label{
width:100px;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#0E589A;
background-color:inherit;
float:left;
}
div#body_left div.searchbg label a{
color:#0E589A;
background-color:inherit;
}
div#body_left div.searchbg label a:hover{
text-decoration:underline;
}
div#body_left div.searchbg input.gobt{
width:41px;
height:25px;
outline:none;
border:none;
line-height:0;
font-size:0;
display:block;
float:right;
}
/* body left search end */
/* body left Categories start */
div#body_left h2.categories_hed{
background:url(images/categories.gif) no-repeat 0 0;
width:231px;
height:42px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
margin:3px 0 0 0;
}
div#body_left p.categoriestop{
background:url(images/categories_top.gif) no-repeat 0 0;
width:231px;
height:5px;
line-height:0;
font-size:0;
border:none;
display:block;
}
div#body_left div.categories_content{
background:url(images/categoriesbg.gif) repeat-y 0 0;
padding:0 19px 0 17px;
width:195px;
}
div#body_left div.categories_content ul{
padding:6px 0 0 0;
}
div#body_left div.categories_content ul li{
padding:0 0 0 2px;
background:url(images/dotted.gif) repeat-x 0 0;
font:normal 12px/28px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
}
div#body_left div.categories_content ul li.noimg{
background-image:none;
}
div#body_left div.clickmore{
width:214px;
padding:0 17px 0 0;
background:url(images/clickbg.gif) no-repeat 0 0;
height:48px;
}
div#body_left div.clickmore span{
width:83px;
background:url(images/arrow.gif) no-repeat left 25px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
padding:22px 0 0 11px;
float:right;
}
div#body_left div.clickmore span a{
color:#0E589A;
background-color:inherit;
}
div#body_left div.clickmore span a:hover{
text-decoration:underline;
}
div#body_left h2.news_letter{
background:url(images/signupbg.gif) no-repeat 0 0;
width:231px;
height:39px;
border:none;
line-height:0;
font-size:0;
text-indent:-2000px;
margin:3px 0 0 0;
}
div#body_left form.sobmitbg{
border-left:1px solid #BFC8CF;
border-right:1px solid #BFC8CF;
width:211px;
padding:11px 9px 31px 9px;
}
div#body_left form.sobmitbg input.submit_textbox{
width:204px;
height:25px;
padding:4px 0 0 5px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#474747;
background-color:#fff;
border:1px solid #BFC8CF;
float:left;
margin:0 0 10px 0;
}
div#body_left form.sobmitbg input.submitbt{
width:73px;
height:28px;
border:none;
line-height:0;
font-size:0;
float:right;
}
div#body_left div.online{
background:url(images/onlinebg.gif) no-repeat 0 0;
width:222px;
height:81px;
padding:0 5px 0 4px;
}
div#body_left div.online img{
width:222px;
height:76px;
display:block;
line-height:0;
font-size:0;
border:none;
outline:none;
}
/* body left Categories end */
/* body left start */
/* body right end */
div#body_right{
width:649px;
float:right;
}
div#body_right div.welcome{
background:url(images/welcome.jpg) no-repeat 0 0;
width:649px;
height:235px;
}
div#body_right div.welcome h2.welcome_hed{
font:normal 18px/22px Arial, Helvetica, sans-serif;
color:#093477;
background-color:inherit;
padding:18px 0 0 17px;
}
div#body_right div.welcome p.welcome_text{
font:normal 12px/17px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
padding:15px 0 0 17px;
width:384px;
}
div#body_right div.welcome p.welcome_text strong{
font:bold 12px/17px Arial, Helvetica, sans-serif;
color:#C49300;
background-color:inherit;
}
div#body_right div.welcome p.welcome_text span{
padding:0 0 16px 0;
display:block;
}
/*-------- Our Services ----------*/
div#body_right h2.services_hed{
background:url(images/services.gif) no-repeat 0 0;
width:649px;
height:73px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
margin:3px 0 0 0;
}
div#body_right div.servicesbg{
border-left:1px solid #BFC8CF;
border-right:1px solid #BFC8CF;
width:647px;
}
div#body_right div.servicesbg p.services_text{
padding:8px 0 0 34px;
font:normal 12px/17px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
width:592px;
}
div#body_right div.servicesbg p.services_text strong{
font:bold 12px/17px Arial, Helvetica, sans-serif;
color:#C49300;
background-color:inherit;
}
div#body_right div.servicesbg p.services_text span{
padding:20px 0 15px 0;
display:block;
}
div#body_right p.services_click{
background:url(images/services_clickbg.gif) no-repeat 0 0;
width:649px;
height:30px;
}
div#body_right p.services_click span{
background:url(images/arrow.gif) no-repeat 0 13px;
padding:11px 0 0 12px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#0E589A;
background-color:inherit;
margin:0 0 0 37px;
}
div#body_right p.services_click span a{
color:#0E589A;
background-color:inherit;
}
div#body_right p.services_click span a:hover{
text-decoration:underline;
}
/*-------- Our Services ----------*/
div#body_right div.right_left{
width:364px;
float:left;
margin:3px 0 0 0;
}
div#body_right div.right_left p.clint_top{
background:url(images/right_left_top.gif) no-repeat 0 0;
width:364px;
height:12px;
display:block;
line-height:0;
font-size:0;
}
div#body_right div.right_left div.clint_content{
background:url(images/right_left_middlebg.gif) repeat-y 0 0;
padding:0 11px 0 12px;
width:341px;
}
div#body_right div.right_left div.clint_content img{
width:159px;
height:129px;
line-height:0;
font-size:0;
border:none;
display:block;
float:left;
}
div#body_right div.right_left div.clint_content h2.clint_name{
background:url(images/name.gif) no-repeat 0 0;
float:right;
width:172px;
height:26px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
margin:82px 0 0 0;
}
div#body_right div.right_left div.clint_content p.content_text{
font:normal 12px/17px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
padding:10px 0 0 0;
float:left;
width:341px;
}
div#body_right div.right_left p.clint_bottom{
background:url(images/right_left_bottom.gif) no-repeat 0 0;
width:364px;
height:9px;
display:block;
line-height:0;
font-size:0;
}
/*-------- testimonial ----------*/
div#body_right div.testimonial{
width:280px;
float:right;
margin:3px 0 0 0;
}
div#body_right div.testimonial h2.testmonial_hed{
background:url(images/testimonial.gif) no-repeat 0 0;
width:280px;
height:39px;
line-height:0;
font-size:0;
text-indent:-2000px;
}
div#body_right div.testimonial p.testmonial_top{
background:url(images/testimonial_top.gif) no-repeat 0 0;
width:280px;
height:8px;
line-height:0;
font-size:0;
display:block;
}
div#body_right div.testimonial div.testmonial_contbg{
background:url(images/testimonial_middle.gif) repeat-y 0 0;
padding:0 17px 0 17px;
width:246px;
overflow:hidden;
}
div#body_right div.testimonial div.testmonial_contbg p.testimonial_test{
font:normal 12px/17px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
}
div#body_right div.testimonial div.testmonial_contbg p.testimonial_test span{
font:bold 12px/17px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
padding:6px 0 8px 0;
display:block;
}
a.click_more01{
background:url(images/arrow.gif) no-repeat 0 4px;
padding:0 0 0 15px;
width:86px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#0E589A;
background-color:inherit;
margin:12px 0 13px 0;
display:block;
}
a.click_more01:hover{
text-decoration:underline;
}
div#body_right div.testimonial p.testmonial_bottom{
background:url(images/testimonial_bottom.gif) no-repeat 0 0;
width:280px;
height:9px;
line-height:0;
font-size:0;
display:block;
}
/*-------- testimonial ----------*/
/* body right end */
/* body end */
/* footer start */
div#footer{
width:676px;
padding:27px 0 47px 208px;
margin:0 auto;
}
div#footer img{
width:87px;
height:46px;
line-height:0;
font-size:0;
display:block;
float:left;
}
div#footer div.footer_nav{
width:572px;
float:right;
}
div#footer div.footer_nav ul{
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#426599;
background-color:inherit;
padding:6px 0 0 0;
}
div#footer div.footer_nav ul li{
float:left;
padding:0 3px;
width:auto;
}
div#footer div.footer_nav ul li a{
color:#426599;
background-color:inherit;
}
div#footer div.footer_nav ul li a:hover{
text-decoration:underline;
}
div#footer div.footer_nav p{
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#6D6D6D;
background-color:inherit;
padding:0px 0 0 3px;
display:block;
}

div#footer div.footer_nav p a{
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#6D6D6D;
background-color:inherit;
padding:0px 0 0 3px;
display:block;
}

div#footer div.footer_nav p a:hover{
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#6D6D6D;
background-color:inherit;
padding:0px 0 0 3px;
display:block;
text-decoration:underline;
}

/* footer end */
/*---------right content-----------*/
div#body_right p.right_top_curve{
background:url(images/right_curve_top.gif) no-repeat 0 0;
width:649px;
height:18px;
line-height:0;
font-size:0;
border:none;
display:block;
}
div#body_right h2.contact_hed{
background:url(images/contact_hed.gif) no-repeat 0 0;
width:649px;
height:56px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
}
div#body_right h2.what_wedo_hed{
background:url(images/what_we_do.gif) no-repeat 0 0;
width:649px;
height:56px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
}
div#body_right h2.our_system_hed{
background:url(images/our_system_hed.gif) no-repeat 0 0;
width:649px;
height:56px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
}
div#body_right h2.about_hed{
background:url(images/about_us.gif) no-repeat 0 0;
width:649px;
height:56px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
}
div#body_right div.right_midlebg{
border-left:1px solid #BFC8CF;
border-right:1px solid #BFC8CF;
padding:0 24px 0 31px;
width:592px;
height:668px;
}
div#body_right div.right_midlebg p.contact_text{
font:normal 12px/17px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
}
div#body_right div.right_midlebg h2.contact_form{
background:url(images/contact_form.gif) no-repeat 0 0;
width:98px;
height:20px;
line-height:0;
font-size:0;
border:none;
text-indent:-2000px;
margin:22px 0 18px 0;
}
div#body_right div.right_midlebg p.contact_text span{
padding:0 0 22px 0;
display:block;
}
div#body_right p.right_bottom_curve{
background:url(images/right_curve_bottom.gif) no-repeat 0 0;
width:649px;
height:9px;
line-height:0;
font-size:0;
border:none;
display:block;
}
/* Contact Form start */
div#body_right div.right_midlebg form{
width:357px;
}
div#body_right div.right_midlebg form label{
width:130px;
font:normal 12px/22px Arial, Helvetica, sans-serif;
color:#3C392E;
background-color:inherit;
margin:0 0 18px 0;
float:left;
}
div#body_right div.right_midlebg form input.submit_box{
width:203px;
height:18px;
padding:2px 0 0 3px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#000;
background-color:#fff;
border:1px solid #B3B2A6;
float:right;
margin:0 0 18px 0;
}
div#body_right div.right_midlebg form textarea{
width:208px;
height:84px;
float:right;
margin:0 0 18px 0;
}
div#body_right div.right_midlebg form input.submitbt{
width:78px;
height:23px;
float:right;
margin:0 136px 0 0;
}
/* Contact Form end */
div#body_right div.right_midlebg ul.wedo_linktext{
padding:17px 0 0 0;
}
div#body_right div.right_midlebg ul.wedo_linktext li{
background:url(images/arrow01.gif) no-repeat 0 8px;
padding:0 0 0 14px;
font:bold 12px/24px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
}
div#body_right div.right_midlebg p.wedo_text{
font:normal 12px/17px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
padding:18px 0 0 0;
}
div#body_right div.system_cont{
width:592px;
margin:32px 0 0 0;
overflow:hidden;
}
div#body_right div.system_cont img.system_pic{
width:155px;
height:115px;
line-height:0;
font-size:0;
border:none;
display:block;
float:left;
}
div#body_right div.system_cont img.about_pic{
width:172px;
height:165px;
line-height:0;
font-size:0;
border:none;
display:block;
float:left;
}
div#body_right div.system_cont div.our_system_text{
width:412px;
float:right;
}
div#body_right div.system_cont div.our_system_text p.system_text{
font:normal 12px/22px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
}
div#body_right div.system_cont div.our_system_text p.system_text span{
padding:0 0 16px 0;
display:block;
font:normal 15px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
}
div#body_right div.system_cont div.about_cont{
width:396px;
float:right;
}
div#body_right div.system_cont div.about_cont p{
font:normal 12px/17px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
}
div#body_right div.system_cont div.about_cont p span{
padding:0 0 14px 0;
display:block;
}
div#body_right div.system_cont div.about_cont ul.about_linktext{
padding:10px 0 0 0;
}
div#body_right div.system_cont div.about_cont ul.about_linktext li{
background:url(images/arrow01.gif) no-repeat 0 8px;
padding:0 0 0 14px;
font:bold 12px/24px Arial, Helvetica, sans-serif;
color:#474747;
background-color:inherit;
}
/*---------right content-----------*/

 

use table. It is the best way