litle help with css

[bachbell]

i have the code for three colums in css but i want the main colum in the center this one has the main colum left and yhe other two are to the right


this the code i try different ways but i cant amake it right

/* begin LayoutCell */
        .art-contentLayout .art-content
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 574px;
        }
        .art-contentLayout .art-content-sidebar1
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 765px;
        }
        .art-contentLayout .art-content-sidebar2
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 765px;
        }
        .art-contentLayout .art-content-wide
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 956px;
        }
        /* end LayoutCell */
        
        /* begin LayoutCell */
        .art-contentLayout .art-sidebar1
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 191px;
        }
        /* end LayoutCell */
        
        /* begin LayoutCell */
        .art-contentLayout .art-sidebar2
        {
            position: relative;
            margin: 0;
            padding: 0;
            border: 0;
            float: left;
            overflow: hidden;
            width: 191px;
        }
        /* end LayoutCell */

big thanks

bachbell Reviewed by bachbell on 13th Mar 2011. litle help with css i have the code for three colums in css but i want the main colum in the center this one has the main colum left and yhe other two are to the right this the code i try different ways but i cant amake it right /* begin LayoutCell */ .art-contentLayout .art-content { position: relative; margin: 0; Rating: 5

[CJ]

screenshot would be better, Screenshot how it is right now & paint image how u want it to be

cba to implement it in new CSS file & write HTML code to view how it looks

[sloddl]

you don't need to do anything here in css. copy your html code.

also just change the order in your html code...

put the 1st sidebar first, then the main box and then the 2nd sidebar.

__________________

now you have some thing like this:

<div class="col1">
<div class="col2">
<div class="main">

just change it to:

<div class="col1">
<div class="main">
<div class="col2">

in css all have float:left; so that it should work by just editing the html.

if it still won't work... then give us the url to the site please.

[bachbell]

Thanks both Humor, Tastro now's soved

[sloddl]

glad to hear that. thread closed i guess.