SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jun 2006
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Firefox: page display problem

    What is wrong with the page? It looks OK in IE. How can it be made to look good in Firefox as well?

    See This page in Fire Fox

    Thanks.

  2. #2
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,290
    Mentioned
    198 Post(s)
    Tagged
    3 Thread(s)

    ie

    Hi robbm, welcome to the forums,
    Not sure if this will help. I'm busy revising my site page's design. I've had to use the "star" hack (for IE <= ver 6) on several position styles to IE to render correctly. If your problem is CSS (instead of javscript) maybe you could do something like this on the elements that are giving you problems.
    Code:
    * html #main { height: 100%; } /* ie6 and under*/
    This should work if you can get it to look right in Firefox first, and then hack to correct for IE's CSS flaws. IMHO it's a lot easier designing for Firefox and then tweaking, rather than designing for IE first.

  3. #3
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,875
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    Looks awful in Opera as well.

    First thing wrong with it is that it is missing a DOCTYPE so IE displays it in quirks mode which is ALWAYS different from the way other browsers display it. So the first thing to do is to add a valid STRICT DOCTYPE to the top of the HTML and then run it through a validator to correct any HTML errors. Once you have done that then you have a chance that the CSS will be interpreted correctly. At the moment all browsers are guessing what you want and most are guessing wrong.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  4. #4
    SitePoint Wizard Pepejeria's Avatar
    Join Date
    Jan 2005
    Location
    Too far up north
    Posts
    1,566
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by robbm
    How can it be made to look good in Firefox as well?
    By recoding it with proper HTML/CSS


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
  •