Adding the CSS
Open the index page for the band web site you created. If you didn't put your content into tables, the text stretches all the way across the screen. This can be a real problem - especially for users with very wide monitors. If the lines are too wide, it is extremely difficult to find the next line when reading large bodies of text. We need to contain the width of the page content, and take control of the layout.
Now open the main.css file your band index page is attached to. You are going to add a wrapper id that constrains the content width to 750 pixels. Why 750? That's just a good number to start with! One problem with designing web pages is that different users have very different monitor settings. Odd as it may seem, many people have the display set at 800 pixels wide! So let's factor in that lowest common denominator and shoot for 750px to start.
Add this to your CSS sheet:
width: 750px;
}
Now all you need to do is wrap all of the content in your index.html file with the <div id="wrapper"></div> markup. Remember, everything between the <body></body> tags get's wrapped.
Check out this example. Notice that the other pages also need to be wrapped, so repeat the process!