34 users online (0 members and 34 guests)  


  Results 1 to 4 of 4

Related

  1. Very fine design    Forum: AHFB Feedback
    Replies: 1
  2. how can i do (loading...)    Forum: Javascript Forum
    Replies: 1
  3. Replies: 2
  4. Replies: 1
  5. sound not loading    Forum: HTML Forum
    Replies: 6
  1. #1
    Ltiller's Avatar
    New User

    Status
    Offline
    Join Date
    Jan 2009
    Posts
    2

    css not loading in FF, fine in IE

    Hi

    Please help! This has been doing my head in.

    Ive designed a couple of websites, always using Dreamwever 8, but this is the first time ive had this problem.

    The website is: www.mouseholeholidaylets.co.uk/home.html

    It views fine on IE on various PCs / laptops but it WILL NOT view with any of the css on Firefox (css below). Ive read lots of threads & tried changing the <!DOCTYPE html public "-//W3C//DTD html 4.01 Transitional//EN" to some others suggested but that doesn't make any difference and actually stops it viewing properly in IE too.

    Im totally stumped!

    <style type="text/css">

    html, body {
    height: 100%;
    }
    #container {
    min-height: 100%;

    * html #container {
    height:100%

    }
    body,td,th {
    font-family: "gill sans", tahoma;
    font-size: 9pt;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    a:link {
    text-decoration: none;
    color: #ffffff;
    }
    a:visited {
    text-decoration: none;
    color: #ffffff;
    }
    a:hover {
    text-decoration: none;
    color: #CCCCCC;
    }
    a:active {
    text-decoration: none;
    color: #ffffff;


    }
    .maintext {
    color: #ffffff;
    font-family: "gill sans", tahoma;
    font-size: 9pt;
    line-height: 18px;
    }
    .textblack {
    color: #000000;
    font-family: "gill sans", tahoma;
    font-size: 9pt;

    }
    .menu {
    font-family: "gill sans", tahoma;
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    word-spacing: 20px;

    }
    .border {
    border: 1px solid #FFFFFF;
    }
    .imagespace {
    padding-right: 100px;
    }


    </style>

  2. #2
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: css not loading in FF, fine in IE

    Please pardon my poor drawing below. However, hopefully it will help me demonstrate what looks to me like the problem.

    The crude drawing represents your page (The periods represent empty space). You have three elements: a, b, and c. "a" is the body, "b" is the top table containing the content, and "c" is the bottom table used to fill the rest of the screen.
    .____________________________
    |................|..............|................|
    |................|..............|................|
    |................|b............|................|
    |................|..............|................|
    |................|________|................|
    |a............... ________.................|
    |................|..............|................|
    |................|..............|................|
    |................|..............|................|
    |................|c.............|................|
    |................|..............|................|
    |................|..............|................|
    |................|..............|................|
    |_________|________|_________|

    The problem is in the heights of each element.

    a: 100%
    b: 641px
    c: 100%

    In Firefox, pixels and percentages don't mix well together. As a result, c ends up being the same height as a.

    I am not sure the best way to correct the issue. I have a couple ideas, but they involve laying out the page again. I will post again later today, and will have a solution for you then. Hopefully, this post will help you some as well.

  3. #3
    Ltiller's Avatar
    New User

    Status
    Offline
    Join Date
    Jan 2009
    Posts
    2

    Re: css not loading in FF, fine in IE

    Hi

    Thanks for your reply - it gave me some things to think about and I have sorted the layout in a different way now (using a background image - so simple when I thought about it!), now the site is happy on all browers including using the properr DOCTYPE, yay!

    Thanks again

  4. #4
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: css not loading in FF, fine in IE

    No problem. Glad it was of help. I was wracking my brain to try and come up with a way to do it so that you didn't have to re-layout the site, and it just wasn't working. Thanks for posting back that you got it working.



Tags for this Thread