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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 20
  1. #1
    New Coder
    Join Date
    Jun 2005
    Location
    California
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts

    FF/IE Scroll Bars

    Hi, I am workin on this site: http://www.secyrb.com/myspace_overlay.htm

    When you view it in FF the Scroll box looks just fine compaired to the background image! But when you view it in IE the scroll box looks very small? I am creating this site in Dreamweaver and i was wondering if anybody could help me out so that its looks good in both browsers??
    -Bryce
    It doesn't matter how long my hair is or what colour my skin is or whether I'm a woman or a man. -John Lennon

  • #2
    New Coder
    Join Date
    Dec 2005
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I didn't experience that problem when viewing your site in IE and FF. Are you still having this problem? And, I don't think it's possible to change the size of the scrollbar unless you download a program like cool scrollbar or use flash.
    Web hosting...webmaster support http://www.eofficeprofessionals.com/forums
    Offer solutions-not criticism.

  • #3
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I think he means the actual size of the box which scrolls.

    (Sorry but I don't have time to look at the problem now.)

    EDIT - Deary me! I just looked at your source - I think you need to sort that out and get it valid before you start worrying about stuff like the size of the box. Needs doctype, proper <html><head></head><body></body></html> format, CSS should be external really, etc. Once you have code which validates you will often find most of your problems will be fixed.
    Last edited by mark87; 12-02-2005 at 12:10 AM.

  • #4
    New Coder
    Join Date
    Jun 2005
    Location
    California
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Actually I just put that up there so that you guys could preview it. I'm making a DIV overlay for my myspace http://www.myspace.com/secyrb sorry i dident clear that up in my first post.
    -Bryce
    It doesn't matter how long my hair is or what colour my skin is or whether I'm a woman or a man. -John Lennon

  • #5
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    That doesn't make up for the fact that proper code is hard enough to debug without having to wade through the 567 errors on this "preview". Fix it, then come back.

  • #6
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    Quote Originally Posted by drhowarddrfine
    That doesn't make up for the fact that proper code is hard enough to debug without having to wade through the 567 errors on this "preview". Fix it, then come back.
    Citing validation errors doesn't actually "help" anyone with their problems. Furthermore, it perpetuates the myth that validated markup is the end-all solution to HTML woes. (This is to everybody who does this): Please stop writing off all problems to this and taking the easy way out everytime a new person comes to the forums.

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Did anyone know that FF checks to see if some tags have the closing > on them if not it puts it in the html? Okay to secryb try removing that div that is in your aboutme div. Then remove the padding from the css for the aboutme div. Since you are going to put this on myspace the doctype won't really help, but because there isn't one, IE is reading the margins and padding incorrectly. If you change some CSS in IE to make it look right it messes up FF, and vice versa so you are going to end up having to do something like this
    Code:
    .AboutMe {
    	position:absolute;
    	top:120px;
    	left:41px;
    	overflow:auto;
    	width:418px;
    	height:182px;
    	color:black;
    	font-size:10px;
    	font-family:tahoma;
    	border:2px inset #666666;
    }
    * html .AboutMe {
    	width:424px;
    	height:185px;
    }

  • #8
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Three things:

    1. I totally agree with jkd; attributing every validation error as the root of all evil is just annoying. Even though validation is A Good Thing, it's not the end-all of all HTML problems.

    2. I'm on a Mac, so it's pretty hard for me to debug for IE.

    3. Now that that's all said, I think I know what the problem is, and I think validation would help. Looks like it's a box-model problem. The ".AboutMe" div has a width of 410px and a height of 170px with padding of 5px. The w3c box model says that total dimensions are (from end to end):

    margin+border+padding+width+padding+border+margin

    So the total width of the box is really 424px (2+5+410+5+2), the height 184 (2+5+170+5+2). That's how FF interprets it.

    Without a strict DOCTYPE, IE uses Quirks mode, and interprets the box model differently, where width=width-(total padding+total border+total margin).

    Hope this helps...

    Edit: That'll teach me to start typing before I check to see if Aero hasn't already answered.

  • #9
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Citing validation errors doesn't actually "help" anyone with their problems.
    1) There were 567 errors.
    2) Valid code is good programming practice.
    3) Saying code with errors is 'OK' is bad practice.
    4) Why we won't help you.

  • #10
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    What if...

    What if I built my site using IE as a reference (for shame, I know), I didn't use the strict doc type and it's messed up in Firefox.

    I just added strict doctype to my page and it messes up my links. Is there a happy medium?

  • #11
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    by messing up my links, I mean, I use background images for the links so that they change smoothly when I change my CSS. I put in the strict, modified my div size and now I'm stuck with no images in IE. Do you guys have a suggestion?

    http://www.rustipher.com/~loni/

  • #12
    New Coder
    Join Date
    Jun 2005
    Location
    California
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    Thanks for helping me guys! Aero was correct it was the padding that was the problem!! I'm sorry for not having the correct validation codes. I didn't even think about it when i uploaded it to my website. What were the errors because when i check in Macromedia it says there are zero errors? Thanks to everybody who helped out!
    -Bryce
    It doesn't matter how long my hair is or what colour my skin is or whether I'm a woman or a man. -John Lennon

  • #13
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Echos, I think you meant to post a new thread?

    Secyrb - http://validator.w3.org/check?uri=ht...ce_overlay.htm

  • #14
    New Coder
    Join Date
    Jun 2005
    Location
    California
    Posts
    40
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool

    Thanks dident know about that. But i'm only getting 44 errors??
    -Bryce
    It doesn't matter how long my hair is or what colour my skin is or whether I'm a woman or a man. -John Lennon

  • #15
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yup not sure where 567 came from.

    I wouldn't worry about that page validating for now, if it'll be in a MySpace page with proper formating it would be better - but I doubt anyone can get a MySpace page to validate anyway with all the cr*p they place in it!


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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