Css - 3 column div - right div shows to right under middle - Webmaster Forums - Webmaster forum for HTML, PHP, ASP, CSS and more

healthyfastfood · 02-07-2010, 01:39 PM

Reference: Sidelines Promotional Products Inc.

For some reason the 3rd div (the one on the right) shows up underneath the middle/left divs aligned to the right, rather than just on the right. Any ideas? lol

healthyfastfood · 02-08-2010, 11:08 AM

Anybody out there?

healthyfastfood · 02-08-2010, 04:07 PM

Thanks to RyanReese @ Sitepoint:
Help with 3 column div not aligning properly - SitePoint Forums

for helping me get everything figured out.

oasmat · 02-09-2010, 10:04 AM

Healtyfastfood,
This is to your reply on Help with 3 column div not aligning properly - SitePoint Forums

Change your css file to

Quote:

#ctn {
background-image: url('images/bg.jpg');
background-repeat:repeat-y;
width: 1261px;
min-height: 100%;
margin-left: auto;
margin-right: auto;
position:relative;
}
and

#m2 {
background-image: url('images/bg_m2.jpg');
width: 801px;
height:167px;
}

If you have the photoshop file take off the background of image bg_m2.jpg so it can blend in with the blue body background

healthyfastfood · 02-09-2010, 10:50 AM

Thanks mate! turns out I changed the size of the images (bg_r1/r2) and failed to change the height of the divs that displayed them as bgs.