9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Why does my website "act-up" in FireFox

by nicholaspiva
8 replies
  • WEB DESIGN
    • |
My website is theeccentricmind.com

It seems that it works perfectly in all browsers, but FireFox. The border doesn't seem to behave right and does not strech all the way down the page.

Why is this and what can I do to amend this problem?


Thanks in advance!
#actup #css #firefox #html #website
  • Profile picture of the author fast2net
    I've looked at it in both firefox and chrome and it looks the same. Could you possibly take a screenshot for anyone to look at?
    {{ DiscussionBoard.errors[9732441].message }}
  • Profile picture of the author Corey Taylor
    It looks different.It's like the line prefers to cover the title only instead of the whole website.

    Maxthon, Chrome and Opera seem fine though.
    {{ DiscussionBoard.errors[9732451].message }}
    • Profile picture of the author fast2net
      Originally Posted by Corey Taylor View Post

      It looks different.It's like the line prefers to cover the title only instead of the whole website.

      Maxthon, Chrome and Opera seem fine though.
      I am not seeing what you're talking about. Is this line in the header area where he has his site title?
      {{ DiscussionBoard.errors[9732537].message }}
      • Profile picture of the author Vin Venture
        Your site looks identical in the latest version of Chrome, Firefox, and Opera - for me at least .
        {{ DiscussionBoard.errors[9732993].message }}
  • Profile picture of the author BrianJM85
    You need to set the height to 100% on the HTML and BODY elements.

    Code:
    html,body { height:100%; }
    {{ DiscussionBoard.errors[9737929].message }}
  • Profile picture of the author joshmiller
    Firefox/IE doesn't support handle all css and html like it should...
    Use Chrome.
    {{ DiscussionBoard.errors[9738322].message }}
    • Profile picture of the author BrianJM85
      Originally Posted by joshmiller View Post

      Firefox/IE doesn't support handle all css and html like it should...
      Use Chrome.
      You are joking, right?
      {{ DiscussionBoard.errors[9739091].message }}
  • Profile picture of the author Zenoth
    Your HTML structure looks a bit messy, as well as the CSS code. It seems that applying height: 100% and overflow: hidden to html will stretch the container in Firefox (although will not look exactly like chrome), but I strongly advise you to redesign the whole concept.
    The HTML code has: 17 errors / 1 warning that needs to be fixed and you should definitely declare a HTML DOCTYPE.
    Also, instead of applying CSS properties to html tag, I would use a div that wraps the whole page.
    You are also trying to use position absolute to arrange blocks in page. In relation to what container? You need first to use position relative on a parent container before using position absolute on child elements. You could probably achieve what you are looking for using just float property.
    Different browsers render your layout differently because your CSS and HTML are not used the correct way.
    {{ DiscussionBoard.errors[9739971].message }}

Trending Topics