Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Changing Websites Width


normanlamps

Recommended Posts

Hello Everyone, I would like to make our website wider but I can't seem to find where to do it. Currently our site is around 760 pixels wide. I would like to make it around 900 pixels

 

Here is our URL http://www.normanlamps.com

 

In the index page all the tables are set to 100% page width so I assume it wouldn't be an adjustment there. Could it be in the Header? or could some CSS code be determining the width?

 

 

I appreciate any help :D

Link to comment
Share on other sites

It don't look like that to me in IE7 or the latest version of Firefox...

:blush:

 

Sometimes after changing the stylesheet you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

I changed the site back to normal because it didn't look right. I made a screenshot to show everyone what it looks like when I tried to make it wider.

 

It don't look like that to me in IE7 or the latest version of Firefox...

:blush:

 

Sometimes after changing the stylesheet you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

Link to comment
Share on other sites

I'd suggest using the Web Developer plugin in Firefox to find/fix things like that.

 

It lets you make changes to the HTML or CSS "on the fly" and you see the results right away without touching any files on the server.

 

Although, sometimes what works in Firefox doesn't look the same in IE so it's not foolproof...

:blush:

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

The background doesn't exapnd to the new width because of this:

 

body{
background-image: url(images/b01.gif);
background-repeat: repeat-y;
background-position: center;
}

The backgound image (images/b01.gif) is 766 pixels wide and doesn't expand when you increase the site width.

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Thank you very much for your help, I was able to make the background image wider. Just one little problem remains is now that the site is wider, I can't seem the get the main table on the home page to move over to fill the entire width of the page. Currently the website has a large white gap on the right. I'll keep trying to fix it and I'll post here if I do. Again I appreciate your help.

 

The index file has the table set to 100% but something else it keeping it at the original width. Maybe in the header file?

Link to comment
Share on other sites

Still in the header:

 

	   <table width="766" cellpadding="0" cellspacing="0">

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Got it now, Thank you for your help. Just a few more images now to resize and its perfect :D

 

 

Did this just increase the size of your site so that it was visually bigger, or were you trying to create more room for content?

 

michael

Link to comment
Share on other sites

We we're trying to make the website wider, Not necessarily to add more content. It's just the standard monitors now are all wide screen and large. So with the site being 700 pixels wide there was quite a bit of room on the left and right and with higher resolution monitors things were harder to read and pictures were too small.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...