SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2001
    Location
    Coventry, England
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problems with Mozilla and auto overflow

    Hi,

    I am trying to define a pixel defined two column layout inside an overall div box using two divs. However while it works fine in Internet Explorer when I load it in Mozilla it breaks because it puts the scroll bar outside of the dimensions of the box which means the 2 columns in total no longer fit inside the container!

    The page can be found here:

    http://www.realpoint.co.uk/testindex.htm


    ANy suggestions?
    Thanks
    Ian

  2. #2
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,811
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Check out Skunks post here: http://www.sitepointforums.com/showt...ht=look+tables

    Sounds to me like Mozzie's fine, is it IE 5x that's presenting it as you want to see it?
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    IE5/PC is probably the issue.

    Further reading here:
    http://www.tantek.com/CSS/Examples/boxmodelhack.html

    Also, if you use any server-side scripting to change the CSS, make sure you don't screw up IE5/PC and IE5/Mac. IE5/Mac renders everything like it should, not like the PC version which messes up the box-model.

    --Vinnie

  4. #4
    SitePoint Enthusiast
    Join Date
    Nov 2001
    Location
    Coventry, England
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    From what I can tell the problem I am having is with Mozilla as it displays fine in IE 5.5 It is nothing to with the borders but to with the scroll bar which but my reckoning should be placed inside the dimensions of the div as it's dimensions differ depending on how a particular browser draws its scroll bars, but Mozilla places it on the outside of the div henc making the div box wider than it should be. The example I posted looks great in IE but the right hand index menu gets pushed underneath the content box when displayed in Mozilla!


    Any other ideas.
    Thanks
    Ian

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2001
    Location
    Coventry, England
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I appologise profusely for my previous post!!

    Thanks to those who replied to my first I wasn't getting my head round your answers to begin with becuase I was being distracted and thinking it was the scrollbars at fault but it wasn't it was the borders and padding!

    Argghh what a nightmare, fixing IEs mistakes in your CSS but it works now.

    Take a look:
    http://www.realpoint.co.uk/testindex.htm

    Thanks again
    Ian

  6. #6
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Nice background on the site!

  7. #7
    SitePoint Enthusiast
    Join Date
    Nov 2001
    Location
    Coventry, England
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, I like it

    Thanks again for everyone's help, I can now carry on trying to make sure that the site gets a 100% accesibility rating by completely sepreating style from content if I can!!

    Ian

  8. #8
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Another problem:
    "Opera 6 supports all of CSS2 with the exception of:
    ...
    "overflow: scroll", "overflow: auto".
    ..."

  9. #9
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,236
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Originally posted by jofa
    Another problem:
    "Opera 6 supports all of CSS2 with the exception of:
    ...
    "overflow: scroll", "overflow: auto".
    ..."
    Jofa, I thought that was a CSS1 spec?

    --Vinnie


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
  •