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 12 of 12
  1. #1
    New Coder
    Join Date
    Dec 2010
    Posts
    41
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Internet Explorer Vertical Scroll Bar IE and Google Chrome

    Works fine in firefox because firefox rules all. i know i know.

    Loaded it last night on some pc's and sure enough... vertical scroll bars where I dont want them. Am I stuck with them? or Is there a hack out there for IE and chrome?

    www.brianapurserphotography.com/portraits.html

    Much help would be appreciated. This site couldn't have been built without you all. I've learned so much in the past 2 months working on this. Thankyou again.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello again forsanmar,
    FF4 has scrollbars...
    So does IE9...

    Since your #container has overflow, what happens when you change overflow: auto; to overflow: hidden;?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    or you could try

    Code:
    <body style="overflow:hidden;" scroll="no">
    this should get rid of scroll bar in ALL browsers!

  • #4
    New Coder
    Join Date
    Dec 2010
    Posts
    41
    Thanks
    6
    Thanked 0 Times in 0 Posts
    I want the horizontal scroll bar to access the content from side to side. I just don't want the vertical up and down one.

    overflow-y=hidden; doesn't work well it doesn't validate.

    overflow: hidden; gets rid of my horizontal scroll
    overflow: auto; worked for fire fox but so much of what I've read has been once IE gets put into overflow there is no way around the scroll bar. I dont know.

  • #5
    New Coder
    Join Date
    Dec 2010
    Posts
    41
    Thanks
    6
    Thanked 0 Times in 0 Posts
    updated the CSS file.

    Tried specifying a set height for the content boxes.
    Also tried overflow-y:hidden;

    Maybe it loads right now?

    Can someone check. Im a mac and windows doesnt want me to download IE apparently?

  • #6
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    well since every picture is the same size, set the height of the div until the vertical scroll bar is gone. In this case, i would plug-in a jQuery slide show! You can find a bunch here: http://vandelaydesign.com/blog/web-d...age-galleries/

  • #7
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    get rid of height in #content2 and change container height to 467px. did this help?
    Last edited by eberdome; 02-18-2011 at 09:54 PM.

  • #8
    New Coder
    Join Date
    Dec 2010
    Posts
    41
    Thanks
    6
    Thanked 0 Times in 0 Posts
    I looked into that before but the client (my sister) didnt want that. I might use it for my own site though.

  • #9
    New Coder
    Join Date
    Dec 2010
    Posts
    41
    Thanks
    6
    Thanked 0 Times in 0 Posts
    not sure dont have IE. Ill test it at a buddies house shortly.

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by forsanmar View Post
    I want the horizontal scroll bar to access the content from side to side. I just don't want the vertical up and down one.

    overflow-y=hidden; doesn't work well it doesn't validate.

    overflow: hidden; gets rid of my horizontal scroll
    overflow: auto; worked for fire fox but so much of what I've read has been once IE gets put into overflow there is no way around the scroll bar. I dont know.
    Try it like this -
    Code:
    #container {  
    overflow-x: auto; 
    overflow-y: hidden;
    	left:9px;
    	top:113px;
    	width:968px;
    	height:465px;
    	position:relative;
    }
    That's valid CSS3 and backward compatable some ways... not sure if IE6 can do it or not.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    forsanmar (02-21-2011)

  • #11
    New Coder
    Join Date
    Dec 2010
    Posts
    41
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Hmm.. that makes sense. *crosses fingers*

    Anyone running IE or Google Chrome that can test out:

    www.brianapurserphotography.com/portraits.html

    Is there still a vertical (up and down) scroll bar?

    Edit: works in chrome

    How come when I validate the CSS im getting this:

    57 #container Property overflow-x doesn't exist in CSS level 2.1 but exists in : auto auto
    58 #container Property overflow-y doesn't exist in CSS level 2.1 but exists in : hidden hidden

    Does that mean anything?
    Last edited by forsanmar; 02-19-2011 at 05:15 AM.

  • #12
    New Coder
    Join Date
    Dec 2010
    Posts
    41
    Thanks
    6
    Thanked 0 Times in 0 Posts
    NVM just CSS2.1 vs CSS3. Changed the setting and I get an okay!

    PLEASE SOME ONE LOAD THIS IN IE.

    www.brianapurserphotography.com/portraits.html

    ARE THERE VERTICAL SCROLL BARS?

    sorry for the all caps. i just don't know how else to express my sincere concern for this problem. lol.


  •  

    Posting Permissions

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