...

View Full Version : Collapsing?



LogicalOne
11-20-2010, 06:20 AM
This may be out of this forum, but I will try anyways.

I am helping a friend start up a free forums with invisionfree. It seems that the page is too big for him (it is fine for me) and the right edge of the forums go out of the window. He should be able to see the rest of the page, I can, but he cannot.

http://img24.imageshack.us/img24/700/cutoff.png

Is there a way I can say, make the page collapsible? For example, when you maximize this page you are on right now, then slowly make the window smaller pulling the right side in, this reply box gets smaller. I want the forums to be able to do that.

http://z15.invisionfree.com/radisrad

Here is the Style Sheet for the whole page:

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; color: #000; margin:0px 100px 0px 10px;background-color:#e6003c}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; color: #E6003C; }
a:link, a:visited, a:active { text-decoration: bold; color: #E6003C }
a:hover { color: #9E0029; text-decoration: bold }

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

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

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#E07F99 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#E07F99;background-color:#F5ABBE;padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

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

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #DC6274;background-color: #DC6274; background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg); background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;background-color: #ffbbbb; }
#submenu { border:0px solid #DC6274;background-color: #ffbbbb;font-size:12px;margin:5px 0px 5px 0px;color:#e6003c;font-weight:bold }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #D92C45; }
#userlinks { border:1px solid #000000; background-color: #F0F5FA; background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg) }

#navstrip { font-weight:bold;padding:0px 0px 0px 0px; }

.activeuserstrip { background-color:#BCD0ED; padding:6px; background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg) }

.pformstrip { background-color: #fff; color:#000;font-weight:bold;padding:5px;margin-top:1px; background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg) }
.pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#000;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg) }

.row1 { background-color: #DCACB3 }
.row2 { background-color: #DCACB3 }
.row3 { background-color: #DCACB3 }
.row4 { background-color: #DCACB3 }

.darkrow1 { background-color: #DCACB3; color:#4C77B6; }
.darkrow2 { background-color: #DCACB3; color:#3A4F6C; background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg) }
.darkrow3 { background-color: #DCACB3; color:#3A4F6C; background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg) }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

/*Forum Category Titles*/
.maintitle { vertical-align:middle;font-weight:bold;font-size=15px;font-family=Calibri; color:#000; letter-spacing:0px; padding:5px 0px 5px 0px; background-image: url(http://67.15.129.139/6057/164/upload/p165561.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000 }
.maintitle a:hover { text-decoration: underline }

/*Category Columns*/
.titlemedium { font-weight:bold; color:#000; padding:2px; margin:0px; background-image: url(http://67.15.129.139/6057/164/upload/p165812.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

/*Category Borders*/
.plainborder { border:1px solid #000000;background-color:#DA2D47 }
.tableborder { border:1px solid #000000;background-color:#DA2D47; padding:1px; margin:0px; width:100% }
.tablefill { border:1px solid #000000;background-color:#ffbbbb;padding:6px;border-collapse:collapse; }
.tablepad { background-color:#DCACB3;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

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

.desc { font-size:12px; color:#CD263E }
.edit { font-size: 9px }

.signature { font-size: 12px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

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

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

Please help! :D

abduraooft
11-20-2010, 07:16 AM
Please help! Please provide a link to your page.

LogicalOne
11-20-2010, 08:33 AM
http://z15.invisionfree.com/radisrad

abduraooft
11-20-2010, 11:11 AM
Remove
html { overflow-x: hidden; overflow-y: auto; } from the CSS first. Then remove margin:0px 100px 0px 10px; from body selector in your CSS.
Then set width="100%" instead of 1200 to the table

LogicalOne
11-21-2010, 05:42 AM
I am sorry, what do you mean by "from the CSS first" and the width part?
I removed the margin.

EDIT: It seems to be working okay, but it is not as I would like it to be. How could I put a scroll bar on the bottom of the page to make access easier?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum