Jump to content

Simple method for displaying on 1 column + main column


Recommended Posts

You only need/have to change some code in global.css of your theme/css directory :

Works on IE 8.0.8001, Firefox 3.5.5, Safari 4.0.4, GG Chrome 3.0.195.
After that you have to optimize debug all css ..

NB : i dont change the order of left and right. (right is at bottom of left).
Good coding for all !!.


#left_column, #center_column, #right_column {
   float:left;
}
#left_column {
   clear:left;
   width:190px;
   padding-right: 15px;
   position:relative;
   left:0;
   top:0;
}
#center_column {
   width: 746px; /* largeur panel principal */
   margin: 0 0 30px 0;
   float: right;
   position: relative;
   clear: none;
   top: 0px;
   padding:0 0 0 15px;
}
#right_column {
   width: 190px;
   padding-right: 15px;
   clear:none;
   position:relative;
   top:0;
   margin-top:15px;
   left:0;
}
/* Change this for products listing looks nicer */
/*#center_column div.block { width: 740px; margin:auto;}*/

15418_zdCXO8bK83K11DAwRbxY_t

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...