How to increase Page Width

[setjo1980]

This is my website
http://www.mustardsandwich.com/

Pls let me know how to increase the page width of my website

I have opened my template.css I found this code

#main
{
position: relative;
z-index: 0;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor:default;
overflow:hidden;
}

body
{
padding: 0;
margin:0;
min-width: 1028px;
color: #FFFFFF;
background-color: #FFFFFF;
background-image: url('../images/Bottom_texture.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
}

[numinousmedia]

I wouldn't recommend making your page any wider... from a user interface perspective, you could end up creating a website that makes people have to scroll left-to-right-and-back-again to read everything, and that's a quick way to annoy your visitors.

Generally speaking, 960 pixels is a great width to stick with, because that width will fit well on most people's screens.

To change your page width, you are going to want to edit a couple locations.

First, remove the min-width in the body style.

Second, look for .sheet in your CSS:

Code: Select all

.sheet {
    cursor: auto;
    margin-bottom: 0;
    margin-top: 36px;
    max-width: 1028px;
    width: 1028px;
}

Remove the max-width value, and modify the "width" value. This will change the width of your page.

Also, there's a great free tool for Mozilla Firefox called Firebug that makes figuring these changes out much easier. I'd suggest downloading it if you get a chance: https://getfirebug.com/

[pishro]

I am writing my own template for joomla 1.5.6. I am not sure if this issue is Joomla or simply css related.

The template is simple, it has a sidebar on the left and content on the right, and a footer. Now when the content is short and there are several modules on the sidebar, the modules overlap the footer.

I am lost with this, because it should work because of the clearing class above the footer, but it doesn't.. Unfortunatedly I have no online example, its all local

Anybody an idea how I could find the error? Thank you so much

[numinousmedia]

It's really hard to diagnose this without actually seeing the site. I'd make sure you have set widths on all of your divs (left column, right column, footer), that all of your divs are floated (probably left) and all of them have a position set to "relative".

Also, this is unrelated, but nevertheless important... you need to make sure you are working on a 1.5 site that is at least up to 1.5.26. I'd recommend moving all the way up to 2.5 or 3.0 at this point, simply because 1.5.26 is well out of date and past the end of its life. You will be doing yourself and your client a favor by starting off with the latest version of Joomla.