Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Mar 2008
    Posts
    2
    Member #
    16569
    Hello I am new to group and a newbie to CSS , I have had a curly thrown at me and I have spent about a week trying to find the answer to this.

    The prob is :I have to be able to allow the container and footer to move with the page, if a person decides to use the 'alt+' keys to enlarge the text, for disabilities. I have hunted high and low for this one bit of advice and have tried numerous times to code this. But to no evail.
    My website url http://www.thegardenshow.co.nz/ If you alt+ the page then you will see it running over the footer and container, you will see what I mean.

    Obviously if you view source then you get my code for the page, please don't laugh at my coding and CSS, I do try hard and I know you all are web savy. I have worked hard give me credit for that. Paula

    /* HOME- Container and Footer Lengths to fit each page/ Columns for */
    #container_home {
    position:absolute;
    left:0px;
    top:0px;
    font-size: 14.5px;
    width:799px;
    border: 2px solid #CCFF99;
    /* height:641px; */
    height: 100%;
    }
    #footer_home {
    position:absolute;
    left:0px;
    top:608px;
    width:800px;
    height:37px;
    font-size: 11px;
    background-color: #99CC66;
    color: #003300;
    }
    #column_welcome_home {
    position:absolute;
    left:150px;
    top:310px;
    width:275px;
    z-index:1;
    text-align:left;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    color:#003300;
    font-size:14.5px;
    height: 100%;
    }
    #column_welcome_news {
    position:absolute;
    left:340px;
    top:310px;
    width:200px;
    /* height:240px; */
    height: 100%;
    z-index:1;
    text-align:left;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    color:#003300;
    font-size:14.5px;
    }
    #column_registration_home {
    position:absolute;
    left:485px;
    top:310px;
    width:275px;
    /* height:240px; */
    height: 100%;
    z-index:2;
    text-align:left;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    color:#003300;
    font-size:14.5px;
    }
    #column_left_home {
    position:absolute;
    left:310px;
    top:350px;
    width:2px;
    height:170px;
    z-index:3;
    background-color: #C4FF87;
    border: 1px none #000000;
    }
    #column_center_home {
    position:absolute;
    left:450px;
    top:350px;
    width:2px;
    height:170px;
    z-index:3;
    background-color: #C4FF87;
    border: 1px none #000000;
    }
    #column_right_home {
    position:absolute;
    left:550px;
    top:350px;
    width:2px;
    height:170px;
    z-index:3;
    background-color: #C4FF87;
    border: 1px none #000000;
    }

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Make a complete backup of your CSS file.

    Take out all vertical height references and see what happens.

    You will overflow anything that has a height defined unless you
    either have it not defined, or use the "overflow" property.


  4. #3
    Junior Member
    Join Date
    Mar 2008
    Posts
    2
    Member #
    16569
    Hi msliem, Its inally been worked out but I will keep this in mind. I took heights out but didn't use the overflow method, so it went all funny but finally was shown to me to take all content out of container and footer apart from padding and this seemd to work and putting float:center and float:left in the text boxy things.

    Thanks for answering anyway. Parahi


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:44 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com