Layout problem after 2.11 to 3.5 upgrade (Holy grail?)
Hi to all!
Okay,
I need advice about getting CSS layout to the order after I have upgraded 2.11 to 3.5.4.
I have this in my code:
Quote:
body {
background-image:url("files/fs_tema/images/metanavi.png");
background-position:left top;
background-repeat:repeat-x;
font:12px Verdana,Ariel,Helvetica,sans-serif;
overflow-y: scroll;
}
#container {
margin-right:18px;
margin-left:18px;
}
#wrapper {
background-image:url("files/fs_tema/images/wrapper_bg.png");
border-right:1px solid #1D2D44;
border-left:1px solid #1D2D44;
box-shadow: 0 3px 10px rgba(50, 50, 50, 1);
}
#main {
min-height:800px;
padding:0 4px 4px;
}
and that is a legacy from the old system. Simply, I don't understand what I should change here to get it work. How to introduce #center, #left, #right (I tried some things but without result). Some pages are completely okay, but the rest are affected, mainly with the problem main column above left, above right (common problem).
I've read some articles about it, but I didn't sort out what I should do with the code above.
Any advice?
Thanks.