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 2 of 2
  1. #1
    Regular Coder KevinG's Avatar
    Join Date
    Aug 2002
    Location
    The Matrix
    Posts
    405
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Firefox positioning problem

    Hi everyone,

    I am building this site www.searchthemarket.co.uk

    It looks fine in IE 6

    But in firefox there is a problem with the top border on the green menu (notice border line overlaps left nav) and Opera seems to make the green menu appear slightly overlapping left nav.

    And the area I marked grey I cannot seem to position properly (even though it renders ok in IE).

    This is the css file – www.searchthemarket.co.uk/designo.css

    Not sure what to think about designing without tables. I have found it a very difficult transistion to make. This week i learnt to test designs in firefox as opposed to relying on IE. Has definately helped.
    Last edited by KevinG; 11-23-2005 at 11:29 AM.

  • #2
    New Coder
    Join Date
    Feb 2005
    Posts
    97
    Thanks
    7
    Thanked 7 Times in 7 Posts
    Cangratulations! You've discovered the "box model" problem which relates to the different way in which I.E. handles padding, borders and margins for css elements.

    This page probably explains it all better than I can...

    http://www.tantek.com/CSS/Examples/boxmodelhack.html


  •  

    Posting Permissions

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