Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: Collapsing?

  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Collapsing?

    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.



    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:
    Code:
    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!
    Last edited by LogicalOne; 11-20-2010 at 08:33 AM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Please help!
    Please provide a link to your page.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Remove
    Code:
    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
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?
    Last edited by LogicalOne; 11-21-2010 at 05:52 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •