Results 1 to 2 of 2

Thread: Scroll bars

  1. #1
    Join Date
    Jan 2010
    Posts
    115

    Scroll bars

    if you take a look at meltedtoons.com/home.html on IE it creates a scroll bar at the bottom of the content box. How do you get rid of it?

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    In my 1024*768 screen resolution there is a small horizontal scrollbar in IE7 and Firefox. It's because your div and image are coded with width: 1005px; but a window of 1024px less a vertical scrollbar is only about 1006px wide, it seems enough but obviously isn't. Scrollbars can vary from one browser to another.

    I changed the widths to 970px and the scrollbar disappeared:-
    Code:
    <div style="top: -1px; left: -1px; width: 970px;" 
    id="wrapper"><!--was 1005px;-->
    <br />
    <br />
    <br />
    <br />
    <img src="images/websitebanner.png" style="width: 970px; height: 
    250px;" alt="" /><br /><!--was 1005px; -->
    Edit, don't bother to edit as above,

    The reason 1005px doesn't fit in a window of 1024px less 18px scrollbar, leaving 1006px, is that your body has default margins of 20px;

    Add this to a stylesheet
    Code:
    body { margin: 0; }
    and with the above code your original 1005px width doesn't need reducing to 970px in Firefox although IE7 shows a very small horizontal scrollbar until the two widths are reduced to 1004px ( your #wrapper width style of 800px is in co***ict with the inline style of 1005px in the body markup but the body markup is taking precedence.)
    Last edited by Wickham; 02 Mar 2010 at 01:21 AM.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Scroll bar flickers when the page is loading(IE7)
    By mnsanthoshkumar in forum General Questions
    Replies: 0
    Last Post: 06 Sep 2009, 10:48 PM

Posting Permissions

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