help in my forum page in css

[rchainho]

my banner is too large but i want to adapt my forum to the banner size. What i do to change it?


html
{
overflow-x:auto;
height:100%;
margin:0;
padding:0;
}

BODY
{
font-family:Tahoma, Arial, Helvetica, Sans-Serif;
font-size:11px;
height:100%;
color:#FFF;
background-color:#FFF;
text-align:center;
margin:0;
padding:0;
}

TABLE,TR,TD
{
font-size:11px;
color:#FFF;
}

.tableborder TABLE, .tableborder TR, .tableborder TD
{
font-size:11px;
color:#000;
}

.post1 TABLE, .post1 TR, .post1 TD, .post2 TABLE, .post2 TR, .post2 TD, .post1 TD A, .post2 TD A
{
font-size:11px;
color:#000;
}
a
{
text-decoration:underline;
color:#FFF;
}

a:hover
{
color:#FFF;
text-decoration:none;
}

fieldset.search
{
line-height:150%;
padding:6px;
}

label
{
cursor:pointer;
}

img
{
vertical-align:middle;
border:0;
}

img.attach
{
border:2px outset #EEF2F7;
padding:2px;
}

.googleroot
{
line-height:130%;
padding:6px;
}

.googlechild
{
margin-left:30px;
line-height:130%;
padding:6px;
}

.googlebottom,.googlebottom a
{
font-size:11px;
color:#3A4F6C;
}

.googlish,.googlish a
{
font-size:14px;
font-weight:700;
color:#00D;
}

.googlepagelinks
{
font-size:1.1em;
letter-spacing:1px;
}

li.helprow
{
margin:0 0 10px;
padding:0;
}

ul#help
{
padding:0 0 0 15px;
color: #000;
}

option.cat
{
font-weight:700;
}

option.sub
{
font-weight:700;
color:#555;
}

.caldate
{
text-align:right;
font-weight:700;
font-size:11px;
color:#FFF;
background-color:#636D84;
margin:0;
padding:4px;
}

.warngood
{
color:green;
}

.warnbad
{
color:red;
}

#padandcenter
{
margin-left:auto;
margin-right:auto;
text-align:center;
padding:14px 0;
}

#ucpmenu
{
width:22%;
border:1px solid #000;
background-color:#f0f0f0;
}

#ucpmenu p
{
color: #000;
margin:0;
padding:2px 5px 6px 9px;
}

#ucpmenu a, #ucpcontent a
{
color: #000;
text-decoration: none;
}

#ucpmenu a:hover, #ucpcontent a:hover
{
text-decoration: underline;
}

#ucpcontent
{
background-color:#f0f0f0;
border:1px solid #000;
width:auto;
color: #000;
}

#ucpcontent TD
{

color: #000;
}

#ucpcontent table
{
padding:6px;
}

#ucpcontent p
{
margin:0;
padding:10px;
}

#ipsbanner
{
position:absolute;
top:1px;
right:5%;
}

#logostrip
{
background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);
margin:0;
padding:0;
}

#submenu
{
background:url(style_images/<#IMG_DIR#>/external/user_bar.gif) repeat-x top #C02929;
font-size:10px;
font-weight:700;
margin:0;
}

#submenu IMG
{
display:none;
}

#submenu a
{
font-weight:700;
font-size:10px;
text-decoration:none;
color:#FFF;
}

#userlinks
{
background-color:#3E475B;
border-bottom:#636D84 1px solid;
}

#userlinks td
{
color:#FFF;
font-size:10px;
}

color: #000;
}

.signature
{
font-size:10px;
color:#333;
line-height:150%;
}

.postdetails
{
font-size:10px;
}

.postcolor
{
font-size:12px;
line-height:160%;
}

.normalname
{
font-size:12px;
font-weight:700;
color:#003;
}

.normalname a
{
font-size:12px;
}

.unreg
{
font-size:11px;
font-weight:700;
color:#900;
}

.postlinksbar
{
background:url(style_images/<#IMG_DIR#>/tile_sub.gif) repeat-x top #f0f0f0;
margin-top:1px;
font-size:10px;
color:#CCC;
padding:7px;
}

.row1
{
background-color:#EEE;
}

.row2
{
background:url(style_images/<#IMG_DIR#>/external/forum_back.gif) repeat-x top #EEE;
color:#000;
}

.row3
{
background-color:#EAEAEA;
}

.row4
{
background:url(style_images/<#IMG_DIR#>/external/forum_back.gif) repeat-x top #EEE;
color:#000;
}

.darkrow1
{
background-color:#E1E1E1;
color:#000;
}

.darkrow2
{
background-color:#EAEAEA;
color:#000;
}

.darkrow3
{
background:url(style_images/<#IMG_DIR#>/external/forum_back_2.gif) repeat-x top #C4C4C4;
color:#000;
}

.hlight
{
background:url(style_images/<#IMG_DIR#>/external/forum_back.gif) repeat-x top #EEE;
color:#000;
}

.dlight
{
background:url(style_images/<#IMG_DIR#>/external/forum_back.gif) repeat-x top #EEE;
color:#000;
}

.titlemedium a
{
text-decoration:underline;
color:#777;
}

.maintitle, TD.maintitle
{
vertical-align:middle;
font-weight:700;
color:#FFF;
background:url(style_images/<#IMG_DIR#>/external/user_bar.gif) repeat-x top #C02929;
padding:8px;
}

.tableborder a
{
text-decoration:none;
color:#000;
}

.tableborder a:hover
{
color:#000;
text-decoration:underline;
}

.plainborder
{
border:#000 1px solid;
background-color:#EAEAEA;
}

.plainborder .row3, .plainborder .row1, .plainborder .row3 a, .plainborder .row1 a
{
color: #000;
}

.tableborder
{
border:#000 1px solid;
color: #000;
background-color:#FFF;
width:100%;
margin:0;
padding:0;
}

div.maintitle a, div.maintitle a:hover{
color: #FFF;
}

.tablefill
{
background:#3E475B;
color:#FFF;
padding:6px;
}

.tablepad
{
color: #000;
background-color:#f0f0f0;
padding:6px;
}

.tablebasic
{
width:100%;
border:0;
margin:0;
padding:0;
}

.wrapmini
{
color: #FFF;
float:left;
width:25%;
background-color:#3E475B;
}

div.wrapmini IMG
{
margin: 3px;
}

#ucpcontent .wrapmini
{
color: #000;
background-color:#f0f0f0;
}

#ucpcontent .tableborder
{
border : 0px;
}

.pagelinks
{
float:left;
line-height:1.2em;
width:35%;
}

.edit
{
font-size:9px;
}

.searchlite
{
font-weight:700;
color:red;
background-color:#FF0;
}

#QUOTETOP
{
color: #000;
margin: 8px auto 0px auto;
font-weight:bold;
font-size:10px;
padding: 8px;
background-color:#E4EAF2;
border-left: 4px solid #8394B2;
border-top: 1px solid #8394B2;
border-right: 1px solid #8394B2;
}

#QUOTE
{
color: #465584;
background-color: #FAFCFE;
border-left: 4px solid #8394B2;
border-right: 1px solid #8394B2;
/*border-top: 1px dotted #000;*/
border-bottom: 1px solid #8394B2;
padding: 4px;
margin: 0px auto 8px auto;
}

#CODETOP
{
color: #000;
margin: 8px auto 0px auto;
font-weight:bold;
font-size:10px;
padding: 8px;
background-color: #FDDBCC;
border-left: 4px solid #FBA884;
border-top: 1px solid #FBA884;
border-right: 1px solid #FBA884;
}

#CODE
{
color: #465584;
background-color: #FAFCFE;
border-left: 4px solid #FBA884;
border-right: 1px solid #FBA884;
/*border-top: 1px dotted #000;*/
border-bottom: 1px solid #FBA884;
padding: 4px;
margin: 0px auto 8px auto;
}

.thin
{
line-height:140%;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
margin:2px 0;
padding:6px 0;
}

.purple
{
color:purple;
font-weight:700;
}

.red
{
color:red;
font-weight:700;
}

.green
{
color:green;
font-weight:700;
}

.blue
{
color:blue;
font-weight:700;
}

.orange
{
color:#F90;
font-weight:700;
}

form
{
display:inline;
margin:0;
padding:0;
}

input,select
{
vertical-align:middle;
font-size:11px;
}


input.forminput,textarea,.textinput
{
vertical-align:middle;
border:1px solid #C0BBB4;
background:#FFF url('style_images/<#IMG_DIR#>/input/bg_input_text.png') top left repeat-x;
padding:2px 3px;
}


textarea
{
width:100%;

}

input.forminput:hover,textarea:hover,.textinput:hover
{
border:1px solid #9C0;
background:#FFF url('style_images/<#IMG_DIR#>/input/bg_input_text_hover.png') top left repeat-x;
}

input.button:hover,input.codebuttons:hover
{
color:#395500;
background:#F4FADF url('style_images/<#IMG_DIR#>/input/bg_input_btn_hover.png');
border:1px solid #80AA00;
border-top:1px solid #9C0;
border-left:1px solid #9C0;
}

#style_block
{
background-color:#323C53;
color:#FFF;
border-bottom:#636D84 1px solid;
height:26px;
padding: 4px 10px 0px 10px;
}


.color_selector
{
border: 1px solid #FFF;
height: 10px;
width: 16px;
float: left;
margin-right: 5px;

}

.width_selector td
{

padding-left: 5px;
}

#mainbg-3
{
background:#fff url(style_images/<#IMG_DIR#>/external/bg_shadow_right.png) 100% 0 repeat-y;
width:24px;
}

#mainbg-2
{
background:transparent url(style_images/<#IMG_DIR#>/external/bg_shadow_left.png) 0 0 repeat-y;
width:24px;
}

div.wrapper
{
width:800px;
height:100%;
margin:auto;
}

#ipbwrapper
{
text-align:left;
margin-left:auto;
margin-right:auto;
height:100%;
width:750px;
background-color:#323C53;
}

#content
{
color:#FFF;
width:730px;
margin:0 10px;
}

#gfooter
{
border-top:#636D84 3px solid;
background-color:#323C53;
width:100%;
margin:10px 0 0;
padding:0;
}

#gfooter td
{
color:#FFF;
font-size:10px;
padding:4px;
}

.copyright
{
border-top:#636D84 1px solid;
background:#3E475B;
color:#FFF;
margin:0;
padding:4px;
}

.copyright a
{
color:#FFF;
text-decoration:underline;
}

.copyright a:hover
{
text-decoration:none;
}

.googlesmall,.googlesmall a,.desc
{
font-size:10px;
color:#434951;
}

#userlinks a:hover,.tableborder .activeuserstrip a:hover,.tableborder .maintitle a:hover
{
text-decoration:underline;
}

.pformstrip,.titlemedium
{
font-weight:700;
color:#777;
background:url(style_images/<#IMG_DIR#>/tile_sub.gif) repeat-x top #f0f0f0;
border-bottom:1px solid #c8c8c8;
margin:0;
padding:7px;
}


.post1,.post2
{
background:url(style_images/<#IMG_DIR#>/external/bg.png) repeat-x bottom #FFF;
}

input.button,input.codebuttons

}

[Snookerman]

Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

[rchainho]

this is the link to my forum.

http://crownroyals.ipbfree.com/

[Snookerman]

Change the highlighted in your CSS code:

#content {
color:#FFFFFF;
margin:0 10px;
width:910px;
}

Good luck!

[rchainho]

thanks. to do the same in the tool navigation is the same, right?

the colours of the forum, where i can change it? The forum is too dark. :(