Do I need lots of different divs or can I just adjust existing div?

Question

Hi all,
I am creating pages which are quite similar but slightly different div sizes required.
First page is:
Overall size 960 px.
I have created a "leftdiv" 640 px wide and a "rightdiv" of 320 x wide (both are  id divs)
Next page is:
Overall size 960 px.
I now want a "leftdiv" 500 px wide and a "rightdiv" of 460 px wide.
Following page probably slightly different (it is to suit images from different suppliers products)
Do I have to create a new separate div id with an individual name tag for each page or is there a way I can adjust the div width for that page only without it affecting other divs of the same name on other pages.
I'm sure there must be a way that this can be done without using lots of different divs each time the width changes.
thanks again
Michael

Answer 1

If the <div> is basically the exact same div but slightly different on each page, you might want to create a number of classes in your CSS style sheet and then apply those classes as needed. Such as
.prod_500 {
width; 500px;
.prod_550 {
width; 550px;
.prod_600 {
width; 600px;
and when you id that <div> add a class
<div id="products" class=".prod_500">
That way you could use the same div (on different pages of course) and give it a class to fit that page. Div id is reusable (but not on the same page) as are the classes.
Best wishes,
Adninjastrator