Sidebars and center column moves when changing screen resolution
 

Hi out there!

I hope, that someone can help me out - I have lost all my hair in trying to figure this out, and nothing works :o(. In Explorer it looks great in 100%, but when changing screen resolution, my sidebars moves to the middle, and the column increases to nothing (only showing one letter on every row). It also looks absolutely weird on iphone and ipad. I would like a site, where my sitebars stays at the same place according to the background and center coloumn - but that the layout is fluid, so it resizes to iphone, ipad and other resolutions....

My sidebars are both 300 width and my two pictures 200, so the should be enough space for the pictures.

This is the site (still demo and low res pictures: www.dekovision.dk

Style and configure layout:
I have fluid layout at 99%
0 in min. / max width (but have tried anything)
0 in padding
0 in layout container padding

Centercolumn style:
padding: 10px 10px 10px 10px;

Style Post and Pages - Post container:
margin: 350px 350px 0px 350px;

Style and configure sidebars: left and right
border-right: solid 0px #ffffff;
padding: 10px 10px 10px 10px;
background: transparent;

CSS Insert:
td#left { position: relative;
left: 320px;
top: 500px; }
td#right { position: relative;
right: 350px;
top: 400; }

Im using Ata 3.7.11

Can anyone figure out what I have done wrong?

Thanks in advantage...and hopes and crossed fingers :o)

Charlotte

I'm not clear on what you want. For instance what is the purpose to the code for the left and right sidebars you put in CSS Inserts?