Hello, I have a website http://www.new.ens.org.in
It looks all fine. But when you look the website from larger monitor where resolution is more than 1024x768, You see black on the sides. A developer fixed the problem in home page. But it is there on all other pages. As an example, We can use http://www.new.ens.org.in/contact

Here if you see if with no black on sides, Use Ctrl and scroll the mouse middle button/scroller and then you will see it from higher resolution and you will see the black on the sides.

In 1024x768 :



In Large Resolution :



I tried many ways to increase the width. I found through firebug in firefox that, the black portion does not have any styles associated with it.

Since I am not a css expert, I am unable to figure it out.

Note : Please do not provide me with just way to increase page width, Please let me know where on the css I have to add that.

This is a Joomla CMS. template_css.css & layout.css are the main files for this editing I guess.

Some one please help me fix this,

Thanks in advance!

The black is coming from here:

body.homepage {
background:url("../images/orange/topbg-home.png") repeat-x scroll left top #323232;
margin:0 auto;
width:1007px;

Hello, Thanks for your reply. The problem is I cannot find this in the CSS Files.

If you want, I can give you access to the FTP for you to checkout things in real time, But it has 3 CSS files that I think relevant to this. I used FIND option in Dreamviewer and this is not there in any of those.

Can you help me out? I just want that to be fixed.

Thanks in advance!

It's in the orange.php file, line 10.

Hello, I had a look. It is there.

body#color{background:#323232 url(../images/orange/topbg.png) repeat-x left top;  width:1007px;margin:0 auto;}
body.homepage{background:#323232 url(../images/orange/topbg-home.png) repeat-x left top;  width:1007px;margin:0 auto;}

When I tried removing the background color, The whole website is losing the color of background.

Can you tell me of some solution to extend the width of the middle and bottom column to work fluidly till end of the screen so that the black is not visible. It works now in home page. But other pages do not have the fluid width I suppose.

Home page works with body.homepage, but other pages work with body#color.

I am getting really confused when working over that part as what even I do, It does not get solved, only messes up.

Please help me clear that.

Thanks!