Maybe it is because there is a minimum width built in for the body, wrapheader, wrapfooter and wrapcenter ?
I tried it on my test-forum and there I have set the body width to 80% and no specifications for the the other elements.
Now I can make it very narrow and still see all of the message, without scrolling sideways.
css for this forum:
Code:
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #323D4F;
background-image: url('http://i815.photobucket.com/albums/zz79/skygirlblue09/holidays/forum%20backgrounds%20and%20graphics/owlcreatedbackground009.jpg')
;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0 auto;
background-color: #FFFFFF;
Border-width: 5px;
Border-style: solid;
Border-color: #1679AA;
min-width: 940px;
max-width: 1080px
}
#wrapheader {
min-height: 120px;
min-width: 940px;
max-width: 1080px;
margin: auto;
height: auto !important;
height: 120px;
/* background-image: url('./images/background.gif');
background-repeat: repeat-x;*/
/* padding: 0 25px 15px 25px;*/
padding: 0;
background-color: #ECECEC;
}
#wrapcentre {
margin: auto;
margin: 15px 25ps 0 25px;*/
min-width: 940px;
max-width: 1080px;
}
#wrapfooter {
text-align: center;
clear: both;
width: 940px;
margin: auto;
}
css for my testforum:
Code:
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #323D4F;
background-image: url('http://i927.photobucket.com/albums/ad119/AmelandseI/test%20forums/kuikjecutout003-1.gif');
background-color: #E6FFB0;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0 auto;
border-width: 10px;
border-style: solid;
border-color: #669900;
width: 80%
}
#wrapheader {
min-height: 120px;
height: auto !important;
height: 163px;
/* padding: 5px 0px 5px 0px;*/
padding: 0;
background-color: #F4FFDF;
}
#wrapcentre {
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
background-color: #F4FFDF;
}
#wrapfooter {
text-align: center;
clear: both;
background-color: #F4FFDF;
}
For this forum the body has these values:
min-width: 940px;
max-width: 1080pxAnd those values are repeated in the specs for the wraps.
For my test-forum the body specs are:
width: 80% and no specs for the wraps.
On my test-forum the header is "disappearing at the right side, but that is caused by the logo picture. I was thinking of putting the logo in as a background for the wrap header. That way it should not interfere with the width at all.
Take a look if you like:

I "played" around a little with a different colour scheme too

You can even post a message as a guest. In case you might want to try it out . . .
