SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Member
    Join Date
    Sep 2004
    Location
    dc
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Overflow-y on DIV tag in Firefox

    Does Firefox not support the overflow-y and overflow-x on <div> tags?
    I can't seem to get it to work.

    Regards,
    -p

  2. #2
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    It doesn't right now. I had heard it would by the time it is a 1.0 full release though.
    Wayne Luke
    ------------


  3. #3
    SitePoint Member
    Join Date
    Sep 2004
    Location
    dc
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy NOoOooOooOoo

    ooOoOooOoOoOooOOo!

    What can I do to overcome this!?!
    Is there some way to suppress the overflow in Firefox, at least, so its not an ugly mess? I don't want to deal w/an Iframe, at this point................

    Boooooooooooo!
    -p

  4. #4
    SitePoint Guru bronze trophy blufive's Avatar
    Join Date
    Mar 2002
    Location
    Manchester, UK
    Posts
    853
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Dunno if this is exactly what you want, but these might help:
    overflow

    Mozilla supports some additional values for the overflow property that are not in standard CSS. The overflow property is used to specify what happens when the content is too large for the container.

    * -moz-scrollbars-horizontal: Indicates that horizontal scrollbars should appear.
    * -moz-scrollbars-vertical: Indicates that vertical scrollbars should appear.
    * -moz-scrollbars-none: Indicates that no scrollbars should appear.
    So, for example, this ought to supress all scrollbars in moz:
    Code:
     did#mydiv {
    overflow: -moz-scrollbars-none;
    }

  5. #5
    SitePoint Member
    Join Date
    Sep 2004
    Location
    dc
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking Eureka!

    A million thanks!
    That works on div tags in Mozilla! Phew!
    It creates scrollbars when not needed, but its better than ugly content that is all over the place!

    Thank you thank you thank you!
    -p

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    It creates scrollbars when not needed, but its better than ugly content that is all over the place
    That sounds strange ! Have we all missed the point . overflow:auto is the valid way to control scrollbars for all browsers.

    overflow-y etc is proprietary ie code only and -moz-scrollbar is proprietary for moz. These allow the control of each scrollbar individually whereas overflow:auto (the valsid css version) controls both scrollbars automatically but doesn't let you specify which one etc.

    If you are just controlling content then all you need is overflow:auto and a scrollbar will apear on the side that is required only when it overflows.

    Paul

  7. #7
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Actually Paul, overflow-x and overflow-y are going into the CSS3 standard, and Mozilla is building in support very soon (it's supposed to be in for Firefox 1.1).
    http://www.w3.org/TR/2003/WD-css3-ui-20030703/#changes
    http://annevankesteren.nl/archives/2004/09/overflow

  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    overflow-x and overflow-y are going into the CSS3 standard
    That'll be very useful then

  9. #9
    SitePoint Zealot MetalAges's Avatar
    Join Date
    Jan 2003
    Posts
    190
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Speaking of overflow... I can't seem to figure out why stickingwith overflow: auto will not make Mozilla do away with this vertical scroll:

    http://www.metalagesmedia.com/lotfp/about.php

    I've tried tweaking/removing values from the #about and #about p extries in the CSS to no avail. Any pointers?

  10. #10
    Guru Meditation Error gnarly's Avatar
    Join Date
    Dec 2003
    Location
    Cheltenham, United Kingdom
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by MetalAges
    Speaking of overflow... I can't seem to figure out why stickingwith overflow: auto will not make Mozilla do away with this vertical scroll
    I can't see anything obvious. You could try removing the negative margin from .title?
    Last edited by gnarly; Oct 22, 2004 at 03:29. Reason: spelling mistakes...
    Olly Hodgson
    thinkdrastic.net

  11. #11
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Yes its the negative margin (as mentioned above)that is pushing the image out of the container and forcing a scrollbar.

    Just take the extra space out of the image itself.

    Paul

  12. #12
    SitePoint Zealot MetalAges's Avatar
    Join Date
    Jan 2003
    Posts
    190
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ...and this is why Sitepoint users rule......DOH!


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
  •