Tue, 2009-01-13 20:36
I am trying to modify a template, but I am new to CSS.
The problem is that I resized the flash object that is embedded in the page, so now it messed up everything. I tried to modify the css, but no matter what I change I cant get the white part of the back ground, the design part of the background and the border to stretch a little to make it that every thing looks nice and neat. The width of the flash object is 891px.
Any help would be most appreciated thanks.
/* -------------------------------------------- Default ----------------------------------------- */ td {text-align: left;font-family:tahoma;font-size:11px;color:#2b2b2b;line-height:14px; vertical-align:top;} a {text-decoration:underline; color:#8c9a07;} a:hover {text-decoration:none;} img { border:0;} table { height:100%; width:100%; border:0;} body { margin:0px;padding:0px; background:#2c2c19;} input, textarea {font-family:tahoma; font-size:11px; border:1px solid #a09261; background:#ffffff; color:#000000; padding:2px 0px 0px 4px; overflow:hidden;} form { padding:0; margin:0;} strong { color:#a14920;} ul {margin:0; padding:0; list-style:none} li {margin:0; padding:0 0 0 0px; line-height:18px;} #main_table { width:770px; height:814px; background:url(images/px_body.jpg) top repeat-y; border:2px solid #1c1c0e;} #main_table #main_bg_t {background:url(images/bg_body_t.jpg) top no-repeat;} #main_table #main_bg_b {background:url(images/bg_body_b.jpg) bottom no-repeat; padding:0px 37px 0px 38px; height:100%;} .column { float:left;} .link_arrow { color:#d47a00; background:url(images/a1.gif) center left no-repeat; padding:0px 0px 2px 21px;} /* -------------------------------------------- Header ------------------------------------------ */ #header_top { height:58px;} #header_top .td { width:471px;} #header_top .td div { padding:11px 0px 0px 26px;} #header_top .td_1 { width:220px;} #header_top .td_1 div { padding:35px 0px 0px 0px;} #header_top .td_1 div a { color:#d2cfbf; font-size:10px; text-decoration:none; padding:0px 15px 0px 11px;} #header_top .td_1 div a:hover { color:#e3a800;} #header_top .td_1 div img { vertical-align:middle;} #header { height:284px;} /* -------------------------------------------- Content ----------------------------------------- */ #content { height:100%; background:url(images/px_cont.gif) top repeat-y;} #content .table_bg {background:url(images/bgg.jpg) bottom left no-repeat;} #content .tdd { padding:0px 31px 0px 26px;background:url(images/bgg1.jpg) bottom right no-repeat;} #content .tddd { padding:0px 31px 0px 26px;background:url(images/bgg1.jpg) bottom right no-repeat;} .table_block { background:#f7f5ed;} .table_block .tr_top { height:7px; background:url(images/px_table_block.gif) top repeat-x;} .table_block .tr_top .td {background:url(images/bg_tl.gif) top left no-repeat;} .table_block .tr_top .td1 {background:url(images/bg_tr.gif) top right no-repeat;} .table_block .tr_center { height:100%; border:1px solid #d2cfbf; border-width:0px 2px 0px 2px;} .table_block .tr_bottom { height:7px; background:url(images/px_table_block.gif) bottom repeat-x;} .table_block .tr_bottom .td {background:url(images/bg_bl.gif) top left no-repeat;} .table_block .tr_bottom .td1 {background:url(images/bg_br.gif) top right no-repeat;} /* -------------------------------------------- Page -------------------------------------------- */ #page #col_1 { width:422px;} #page #col_1 div {margin:29px 18px 0px 19px;} #page #col_1 span {margin:5px 0px 5px 0px; display:block;} #page #col_1 .indent_img { margin:0px 0px 20px 0px; display:block;} #page #col_1 .indent_img_1 { margin:16px 0px 25px 0px; display:block;} #page #col_1 .indent_img_2 { margin:0px 17px 0px 0px; float:left;} /* ------------------------------------------------------------------- */ #page #col_2 {padding:10px 0px 0px 17px;} #page #col_2 div {margin:16px 14px 0px 12px;} #page #col_2 span { margin:5px 0px 25px 0px; display:block;} #page #col_2 .table { width:180px; height:200px; margin:25px 0px 2px 0px;} #page #col_2 .indent_img { margin:14px 0px 10px 0px; display:block;} /* ------------------------------------------------------------------- */ #page #col_3 { height:93px; padding:7px 0px 0px 0px;} /* -------------------------------------------- Page 1 -------------------------------------------- */ #page_1 #col_1 { width:422px;} #page_1 #col_1 div {margin:31px 17px 0px 19px;} #page_1 #col_1 span {margin:16px 0px 10px 0px; display:block;} #page_1 #col_1 .span {margin:4px 0px 12px 0px; display:block;} #page_1 #col_1 .indent_img { margin:17px 0px 24px 0px; display:block;} #page_1 #col_1 .indent_img_1 { margin:0px 17px 0px 0px; float:left;} /* ------------------------------------------------------------------- */ #page_1 #col_2 {padding:10px 15px 0px 18px;} #page_1 #col_2 div {margin:16px 14px 0px 12px;} #page_1 #col_2 span { margin:5px 0px 12px 0px; display:block;} #page_1 #col_2 .indent_img { margin:25px 0px 15px 0px; display:block;} /* --------------------------------------------- Footer ------------------------------------------- */ #footer { height:68px; background:url(images/bg_footer.jpg) top no-repeat; padding:41px 0px 0px 0px; text-align:center; color:#8c9a07;} #footer a { color:#da8b00;} /* -------------------------------------------- Size Forms ---------------------------------------- */ .form { width:175px; height:19px;} .textarea { width:175px; height:67px;} /* ------------------------------------------------------------------------------------------------ */
