$5 via paypal for fixing my small css layout problem

I have a small layout problem on my site http://www.fantasycoupon.com

The site looks fine in ie but in firefox the center and right columns appear down the page below the left column. I will give the first person to tell me how to fix this problem $5 via paypal.

Thanks

 

Fix the css lay out PM me for more info

 

I know i need to fix the layout The question is how do I fix it. First person to tell me what changes I need to make gets the money.

 

The problem might be the use of spacer image. in b/w div's

 

on the DIV contect right change it to center not right that will fix it

Payment now

PM me for my payment info

 

specify the width for each column (left, middle, right) and float them all to left

 

Already checked and fixed

All you have to do is

Change The PHP line:

<div style="float: right;" id="content_right">

so it looks like this

<div id="content_right">

And within CSS:

This Part Make Overwrite it so it looks like this

#content_right {
display:table;
margin:0pt;
padding:0pt;
text-align:left;
width:555px;
}

 

Your main content area is too wide. Make it 5 pixels less wide and problem should be fixed.

 

I made those changes and now it's broken in i.e. as well

 

Well you can create 2 seperate contents depending on browser do you want me to do that so:

Explaining it:

If User Visits using Firefox it shows the css stuff that i gave you

If user Visits using Iexplorer it shows the css from before you want me to code it like that?

 

Wait you didnt change the Css Style...

ok open style.css

and ovewrite all the code with this:

p {
padding:12px;
}
.img {
margin-right:5px;
}
.img1 {
margin-right:15px;
}
body {
background-color:#990000;
color:#7C2B96;
font-family:arial;
font-size:11px;
line-height:13px;
margin:0pt;
padding:0pt;
text-align:center;
}
.content {
color:#7C2B96;
text-decoration:none;
}
#wrap {
background:transparent url(images/px.jpg) repeat-y scroll left center;
display:table;
height:100%;
margin:0pt auto;
padding:0pt;
width:766px;
}
#wrap_in {
display:table;
height:100%;
margin:0pt auto;
padding:0pt;
width:701px;
}
#top {
background-image:url(images/top3.jpg);
display:table;
height:96px;
margin:0px auto;
padding:0px;
text-align:left;
width:701px;
}
.top {
color:#414141;
font-family:tahoma;
font-size:12px;
text-decoration:none;
}
#m1r {
background-image:url(images/m1r.jpg);
height:24px;
width:145px;
}
#m1 {
background-image:url(images/m1.jpg);
height:24px;
width:145px;
}
#m2 {
background-image:url(images/m2.jpg);
height:24px;
width:145px;
}
#m2r {
background-image:url(images/m2r.jpg);
height:24px;
width:145px;
}
#m3 {
background-image:url(images/m3.jpg);
height:24px;
width:145px;
}
#m4 {
background-image:url(images/m4.jpg);
height:24px;
width:145px;
}
#m5 {
background-image:url(images/m5.jpg);
height:24px;
width:145px;
}
#m6 {
background-image:url(images/m6.jpg);
height:24px;
width:145px;
}
#m7 {
background-image:url(images/m7.jpg);
height:24px;
width:145px;
}
#m8 {
background-image:url(images/m8.jpg);
height:24px;
width:145px;
}
#left_box {
border:1px solid #A8A8A8;
display:table;
height:257px;
width:145px;
}
#left_box_front {
border:1px solid #A8A8A8;
display:table;
height:257px;
text-align:center;
width:145px;
}
#content {
display:table;
margin:0px auto;
padding:0pt;
text-align:left;
width:701px;
}
#content_left {
clear:both;
display:table;
float:left;
margin:0pt;
padding:0pt;
text-align:left;
width:145px;
}
#content_right {
display:table;
float:center;
margin:0pt;
padding:0pt;
text-align:left;
width:555px;
}
.gray {
color:#A2A284;
text-decoration:none;
}
#right_cont_left {
display:table;
float:left;
margin:0pt;
padding:0pt;
text-align:left;
width:389px;
}
#right_cont_right {
display:table;
float:right;
margin:0pt;
padding:0pt;
text-align:left;
width:166px;
}
#date_box {
background-color:#ECECEC;
display:table;
height:24px;
width:555px;
}
#box1 {
background-color:#E3D1EA;
display:table;
height:160px;
width:186px;
}
#box2 {
border:1px solid #A8A8A8;
display:table;
height:533px;
text-align:center;
width:164px;
}
#box3 {
border:1px solid #A8A8A8;
display:table;
height:133px;
width:184px;
}
#box4 {
background-color:#990000;
border:3px solid #660000;
display:table;
height:168px;
width:382px;
}
#box_h {
background-color:#990000;
display:table;
height:24px;
width:388px;
}
#box5 {
background-color:#FFFFFF;
display:table;
height:178px;
width:368px;
}
#box_center {
background-color:#FFFFFF;
display:table;
height:605px;
text-align:center;
width:388px;
}
#box51 {
background-color:#E3D1EA;
display:table;
height:150px;
width:368px;
}
#box6 {
background-color:#EFEFEF;
display:table;
height:225px;
width:388px;
}
#box61 {
background-color:#EFEFEF;
display:table;
height:132px;
width:555px;
}
#box_h_priv {
background-color:#440E62;
display:table;
height:24px;
width:555px;
}
.width {
width:525px;
}
.width1 {
width:115px;
}
#margin_left_front {
margin-left:32px;
}
#margin_left {
margin-left:12px;
}
#margin_left1 {
margin-left:2px;
}
.margin_left2 {
margin-left:8px;
}
#column1 {
float:left;
width:190px;
}
#column2 {
float:right;
width:181px;
}
#column1front {
float:left;
width:180px;
}
#column2front {
float:right;
width:168px;
}
#footer {
background:transparent url(images/footer.jpg) no-repeat scroll left center;
clear:both;
display:table;
height:62px;
line-height:16px;
margin:0px auto;
padding:0px;
text-align:center;
width:701px;
}
#footer1 {
background:transparent url(images/px_bot.jpg) repeat-y scroll left top;
height:74px;
margin:0px auto;
padding:0px;
text-align:center;
width:701px;
}
.white {
color:#FFFFFF;
text-decoration:none;
}
.bot_txt {
color:#440E62;
text-decoration:none;
}
.dark {
color:#000000;
text-decoration:none;
}
.red {
color:#CC0000;
text-decoration:none;
}
.green {
color:#39B54A;
text-decoration:none;
}
.green_l {
color:#ADE461;
text-decoration:none;
}
.gray {
color:#737373;
text-decoration:none;
}
.gray_l {
color:#DADADA;
text-decoration:none;
}
.big {
font-size:12px;
}
.n {
font-size:11px;
}
.sm {
font-size:10px;
}
#line {
background-image:url(images/dot.jpg);
height:1px;
}
#clear {
clear:both;
}
a {
color:#7C2B96;
text-decoration:none;
}
.search {
font-family:tahoma;
font-size:12px;
height:21px;
margin-left:0px;
margin-right:0px;
width:118px;
}
.textarea {
background-color:#FFFFFF;
border:1px solid #BEC0C2;
color:#585858;
font-family:tahoma;
font-size:11px;
height:194px;
margin-left:0px;
margin-right:0px;
overflow:auto;
width:214px;
}
.u {
text-decoration:underline;
}
.t {
text-transform:uppercase;
}
a:hover {
text-decoration:underline;
}
#a:hover {
text-decoration:none;
}

Code (markup):

It will fix everything

 

I rolled back everything, that's why the css change doesn't show. Removing the float: right; from the pages and css caused the main and right columns to show under the left column in both ie and firefox.

There has to be a way to fix it for both browsers without having to do any browser detection.

 

I have a firefox plugin that can test page changes i tested removing the float right on firefox it fixes the problem

Send me the css file i will fix it and send it back to you

ok

then just upload it and reload page and your page will look cool

 

Ok here you can Download the new style.css in the attachment

the style.css document is in the zip file

Just upload it and load up the site and it will work

 

The content is too crammed, you just need to change the width of the main area ("wrap" CSS class) to 5 pixels less. The main content is pushing the right bar off the page - it doesn't fit with the current width sizes.

 

Hello

Find in your css file

#content {
width:701px;
margin:0px auto 0px auto;
padding:0;
text-align:left;
display:table;}

Code (markup):

Replace with:

#content {
width:701px;
margin:0px auto 0px auto;
padding:0;
text-align:left;
display:inline;}

Code (markup):

This should fix your problem.

 

It wasn't any of the items above, the problem was my google ad in the left column, for some reason it was pushing the main column and right column down. Thanks for trying everyone though.

 

Maybe, but you can keep the adsense code if you change your css as I suggested.

 

I tried all the changes and none of them worked, including yours, but i appreciate you trying, thanks.

 

I have tested it before giving the option. It is working 100% sure, but I suppose you don`t need that any more. Don`t worry, it is OK.