[SOLVED] 3 coloumn layout, I thought it would be simple ^^

[sean14592]

Hey, ok, Could someone please help me with this annoying 3 coloumn layout, basically there is a slight glow the the main content area on both sides.

 

So we have a image for:

-Left_side

-Right_Side

-and then the center is filled white.

 

My ptoblem is whenever i run my site in IE the right coloumn drops below the left one on a new line.

 

Code:

 

HTML: http://pastebin.com/m23372108

CSS:http://pastebin.com/m5be8cfa9

 

Screenshot of what I get:

http://i38.tinypic.com/2ivij9.jpg

 

 

Thanks in advance.

Sean

[wildteen88]

As your main columns is fixed width of 700px why dont you merge your two (left and right) background images in to one then just apply that as the background for the main column.

 

Also try to avoid using absolute/relatively positioning items on your page.

[sean14592]

omg your a genious, Why the hell didnt I think of that its like so simple, derr.

 

lol, thanks man

[sean14592]

ok, now my only problem is that because the background set to the main repeats it looks weird, look at picture:

 

http://i33.tinypic.com/t89pjt.jpg

 

So somehow I need to set multiple backgrounds and make one repeat from bottom up and then one on top of that to NOT repeat and set it at top.

 

I have 2 images one with the gradient back ground and then one just normal(so that it can repeat).

 

Thanks again

Sean

[sean14592]

Fixed!