Web Analytics Made Easy -
StatCounter firefox css layout issue - CodingForum

Announcement

Collapse
No announcement yet.

firefox css layout issue

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • firefox css layout issue

    http://w4sted.com/test/index.html

    http://w4sted.com/test/w4sted.css

    having some real problems getting my sliced photoshop images onto a css formatted webpage.

    Thought i'd cracked it all in topstyle, even the rollovers that took me forever, to find that theres a large gap between the header and the rest of the divs when viewed in firefox. For once IE is doing what i want it to do.

    Can anyone spot anything obviously wrong with my code?

  • #2
    Delete any height property (incl. value) on your #header and also add this rule:
    Code:
    #header h1, #header h3 {display: none;}
    Stop solving problems you don’t yet have!

    Comment


    • #3
      Code:
      #header h1, h2, #header h3 {display: none;}
      
      #header {
      	float: left;
          padding: 130px 0 0 0;
          overflow: hidden;
          background-image: url(images/header.gif);
          background-repeat: no-repeat;
          height: 0px;
          width:	659px;
      }
      modified css to this and is now renders correctly in both ff and ie. When i tried with the all the height properties removed it failed to display the header at all in IE, but it worked in FF. Keeping the 0px value appears to have it working in both.

      Thank you v much

      Comment

      Working...
      X