.css help

[KaineBennett]

Hey guys, sorry for another thread! I need to move my left menu further to the left, and right menu further to the right so I can make width of content box bigger... This is the code below.

 

#content {
   float:left;
   width:704px;
       padding: 150px auto;
   text-align:center;
       border: 1px solid #111111;
   height:600px;
   background:#000;
       font-family: 'Fjalla One', sans-serif;
       font-size:14px;
       color:#666666;
   border-top-right-radius: 8px;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   opacity: 0.75;

}


#sidebar {
   float:left;
   width:145px;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   text-align:center;
       border: 1px solid #232323;
   height:525px;
   background:#232323;
   opacity: 0.75;

}

#sidebar1 {
   float:right;
   width:145px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
   text-align:center;
       border: 1px solid #232323;
   height:475px;
   background:#232323;
   opacity: 0.75;

}

[jcvenom]

Hey guys, sorry for another thread! I need to move my left menu further to the left, and right menu further to the right so I can make width of content box bigger... This is the code below.

 

#content {
   float:left;
   width:704px;
       padding: 150px auto;
   text-align:center;
       border: 1px solid #111111;
   height:600px;
   background:#000;
       font-family: 'Fjalla One', sans-serif;
       font-size:14px;
       color:#666666;
   border-top-right-radius: 8px;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   opacity: 0.75;

}


#sidebar {
   float:left;
   width:145px;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   text-align:center;
       border: 1px solid #232323;
   height:525px;
   background:#232323;
   opacity: 0.75;

}

#sidebar1 {
   float:right;
   width:145px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
   text-align:center;
       border: 1px solid #232323;
   height:475px;
   background:#232323;
   opacity: 0.75;

}

I dont understand what you mean exactly because how far left should it be etc

if i were you id use a margin

[KaineBennett]

Well my content box is only width:704 so I need them both moving enough that it makes it width:800

[jcvenom]

Well my content box is only width:704 so I need them both moving enough that it makes it width:800

margin-left:-196px;

[KaineBennett]

Done it :) All sorted now

Edited February 21, 2014 by KaineBennett

[lucky3809]

margin-left:-196px;

It's bad practice to use negative in css.

maybe a min-width would have worked, or padding.