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 8 of 8
  1. #1
    New Coder
    Join Date
    Aug 2003
    Posts
    79
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Borders in Mozilla - Blocks with 100% height

    Quesiont 1#: Borders in my webpage won't show up in Mozilla and Netscape but the work fine in everything else. What do you think the problem might be?

    Question #2: When I give block elements height atributes of 100%, the block stretches longer than the height of the page. I beleive this is because there is another block right above it but I am not sure. Is there any way to get around this?

    Alright I just uploaded the page so you can look at it. its right here:
    http://www.thegoobers.com/dwd/index.html

    Thanks,
    Goober
    Last edited by Goober; 01-29-2004 at 06:43 AM.

  • #2
    New Coder
    Join Date
    Dec 2003
    Location
    California
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions should help you to understand why you are having problems.

    Of course, I could be wrong. This is just a guess as I have no code to look at.

    // freak

  • #3
    New Coder
    Join Date
    Aug 2003
    Posts
    79
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok sorry here is the link to my page so you can answer my qustions haha:

    http://www.thegoobers.com/dwd/index.html
    Last edited by Goober; 01-29-2004 at 06:43 AM.

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Eh?

    I really can't see why your borders fail, other then "#OOO000";
    the character "O" is not a valid hexadecimal symbol; I guess you meant "#000000", or "#000" for short.

    Your div indeed takes up 100% of the height of its containing block, which for flow-in content is the view port. The height of the header is added to this.
    Either try messing about with positioning, or give up the "I want this page to be as high as the view port, even though there's no reason for it" appproach and let the div be as high as it needs to be for its content.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    New Coder
    Join Date
    Aug 2003
    Posts
    79
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Eh?

    Originally posted by ronaldb66
    I really can't see why your borders fail, other then "#OOO000";
    the character "O" is not a valid hexadecimal symbol; I guess you meant "#000000", or "#000" for short.
    Yup thats the problem.
    Thanks.

  • #6
    J&J
    J&J is offline
    New Coder
    Join Date
    Sep 2003
    Location
    your temp folder
    Posts
    89
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Netscape CSS borders, padding, etc

    Netscape doesn't like borders, padding, etc. I use XHTML + CSS on my site, and I end up having to create 2 stylesheets - one for IE and all the stuff it can handle, and 1 for Netscape minus all the stuff it can't (like padding). There's just no escaping it. When you CAN get it to work under Netscape, it's only partial. For instance, Netscape doesn't know what a border-outset or inset is, but IE renders it correctly.

    If it makes you feel better, AOL's dismantling Netscape so you may not have to worry about it much longer...
    ~ J&J ~
    "Sometimes I feel like I'm rearranging deck chairs on the Titanic."


    Work | Family | Community

  • #7
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    funny, I use all sorts of borders and padding in my site and Netscape handles it no prob-- it's IE that's always messing things up for me (and if you readd this forum, many, many others, too)...

  • #8
    J&J
    J&J is offline
    New Coder
    Join Date
    Sep 2003
    Location
    your temp folder
    Posts
    89
    Thanks
    0
    Thanked 0 Times in 0 Posts

    here's some...

    ...Netscape doesn't recognize what border "inset" or "outset" is, You'll see a space between an item and the margin around it because NS renders it differently, blah blah blah... Some of these browser differences are documented on many websites (like W3C) & books, such as "CSS - The definitive guide" & "XHTML (with CSS) Quick-Start Edition", etc.

    I use Netscape 6.2 and 7 and noticed the inset/outset, padding vs margin differences between IE & Netscape. Of course, IE's not perfect either & doesn't render other stuff correctly when Netscape does... Talk about frustrating...

    Can't we all just get along?

    But just so you know, I preview pages using Netscape 7 and 6 (I have 2 computers), and also IE 5 & 6, as well as Opera 3.5. It's amazing how different 1 page can look amongst these browsers.

    Here's one place to start for CSS bugs and workarounds between browsers:
    http://css.nu/pointers/bugs.html


    This post is best viewed using ANY browser.
    http://www.anybrowser.org/campaign/
    Last edited by J&J; 02-02-2004 at 06:07 PM.
    ~ J&J ~
    "Sometimes I feel like I'm rearranging deck chairs on the Titanic."


    Work | Family | Community


  •  

    Posting Permissions

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