My index page on noveltytrophies.com takes up the whole screen instead of having space on both side. I tried changing the conainer size but still have no side padding

Becky Whipp

Hi Becky

The first thing you need to do is to sort out your logo / banner image so add this to your css file

img {max-width:100%;max-height:auto}

Andy

Please feel free to review / rate our software

done. what next?

Becky Whipp

Hi Becky, the footer is stretching full screen, and there appears to be extra closing tag after <!-- end .sidebar2 --></div> the sidebar2 is not being used so there is no need to close it as it was never open.
Also the very last product box before the footer begins seems to also have a extra </div>
<!--ProductBox-->
<div class="clear"></div>
</div>

</div> >>>Do Not Remove This One

It would probably be best if you make a copy of index.php name it indextest.php to work out the issues then when indextest.php is where you want it, rename it to index.php


Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

how do I reduce the footer from full screen

Becky Whipp

Hi well it depends on how it happened, footer can go sideways due to missing or too many tags fixing the html structure is where I would start then if it doesn't sort it out time to dig deeper.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

the footer css looks the same as in my dreamweaver where the site appears correctly. I tried changing the container width but everything became left justified and there was still no border.

In Dreamweaver it shows

margin: auto (90px)
when I hover over the missing border but changing to that in the css did not help

Becky Whipp

I also think it's a problem with a <div> that hasn't been closed - as Sinbad says I would check that all opening <div> have a corresponding closing </div> and also there aren't any closed that don't have an opening <div>

Andy

Please feel free to review / rate our software

Is this how it appears in the CSS?

margin: auto (90px)

The (90px) cannot be there like that. Are you trying to achieve?

margin: auto 90px;

Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

In your style.css you need to add the missing ";" and the missing "}"marked in red below... then your border will appear :)

body {
font: 100%/1.5 Arial, serif;
background: #5A5554;
margin: 0;
padding: 0;
color: #ffffff;
border-style:solid;
border-color: #f50909;
}


ALSO<---- the color:#ffffff should be changed to a darker color so you can see it on your page... I would use #000000 for now
When it gets late at night, go to bed... try again tomorrow.

LIne 17 and line 21 you have an extra closing bracket "}" that should be deleted.... 1 directly underneath hr and the other directly underneath img ..... again, this is in your style.css file

When it gets late at night, go to bed... try again tomorrow.

Fixed. Thanks for your help.

Becky Whipp

Hi Becky, thats looking better

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates