SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot
    Join Date
    May 2007
    Posts
    126
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE 7 Scrollbar problem

    Hi

    Does anyone know how to get rid of these scrollbars They will just not go. Didn't notice them till just because I design in firefox.

    http://www.istl.com/css/contactus.html

    Can anyone help please

    Thanks

  2. #2
    SitePoint Zealot
    Join Date
    May 2007
    Posts
    126
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    All I know it is something to do with the overflow on #page.

    Thanks

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,546
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    I've given you the answer to this in the other thread already

    Its the image I showed you that is too wide for its container. See the other thread

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,546
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    You also need to remove the heights that you set on those columns and let the content dictate the height.

  5. #5
    SitePoint Zealot
    Join Date
    May 2007
    Posts
    126
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul that seems to have done the trick.

    I pasted the information you sent for the form but doesn't seem to have changed anything really its still all over the place.

    Thanks

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,546
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    That's because you changed my code and changed some other stuff in your page.

    You just need to tweak it to suit.

    Code:
    #contact-form label {
    float:left;
    font-weight:bold;
    padding-right:3px;
    position:relative;
    text-align:right;
    top:5px;
    width:5.5em;
    }
    #contact-form input {
    margin-top:3px;
    margin-bottom:0px;
    width:10em;
    
    }
    .latest-news{margin:10px 0 10px 4em;}
    #contact-form .latest-news label{
        float:none;
        top:0;
        padding:0;
        vertical-align:middle
    }
    #contact-form .latest-news input{
        width:auto;
        vertical-align:middle;
        margin-right:20px;
    float:none
    }
    .submit{margin-left:3em}
    #contact-form textarea{
        width:15em;
        margin:5px 0 10px 10px ;
    }
    Remove the float from the inputs. change the negative top margin and then change the width of the labels. All amended above.


Bookmarks

Posting Permissions

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