Template alignment issue

[visualtron]

Hi, I'm using the portal template. Recently, I've tried to widen #content_left but couldn't get the alignment. Hope that anyone of you can help me.

 

I've changed:

 

#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}

#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}

 

to

 

#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;col

or:#666;margin:20px auto 0;padding:0;text-align:left;width:1050px;}

#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:770px;}

 

Here's my site - http://goo.gl/6s75b (please scroll down and look at the right side to see the misalignment.)

[wrighty]

Hi are u trying to center it? bit more info what ur trying to do thanks

[visualtron]

Hi are u trying to center it? bit more info what ur trying to do thanks

 

Thanks for your reply. Briefly, i was trying to widen the container marked in Green box - http://goo.gl/xvLb8

 

But couldn't get the right side to expand along - see the red arrows.

[wrighty]

like this /http://imageshack.us/photo/my-images/839/capturekzk.png/

[wrighty]

like this /http://imageshack.us/photo/my-images/515/capturexgq.png

[Alistair]

Hi

 

In this CSS file:

 

http://www.clickndeploy.com/clients/templates/portal/style.css

 

- On line 2 change this:

 

background: #FFF url(images/content_container_bg.gif) repeat-y;

 

to this:

 

background: #EFF5FF;

 

 

- Then on line 4, delete this:

 

border-left: 1px solid #CFE2FF;

 

 

- Then on line 3 add this:

 

border-right: 1px solid #CFE2FF;

 

 

That should make it look how you want it to, assuming I understood you correctly.

[visualtron]

Hi

 

In this CSS file:

 

http://www.clickndeploy.com/clients/templates/portal/style.css

 

- On line 2 change this:

 

background: #FFF url(images/content_container_bg.gif) repeat-y;

 

to this:

 

background: #EFF5FF;

 

 

- Then on line 4, delete this:

 

border-left: 1px solid #CFE2FF;

 

 

- Then on line 3 add this:

 

border-right: 1px solid #CFE2FF;

 

 

That should make it look how you want it to, assuming I understood you correctly.

 

 

 

Alistar, thanks. This worked. Now the container can stretch any width.