www.webdeveloper.com
Results 1 to 2 of 2

Thread: Pear Shaped in Mozilla

  1. #1
    Join Date
    Aug 2005
    Posts
    18

    Pear Shaped in Mozilla

    Hi there,
    I have an issue guys with Mozilla, in IE my website looks just the way I want it to look. www.thegreatescaped.com
    In Mozilla, its all gone pear shaped. I had an issue putting the nav in the center and i got there in the end, however its just Mozilla. Its not my nav, i got it from a site on here. The Css code is below:

    /* CSS Document */
    #menu1 {
    width:804px;
    padding:0;
    margin:0 auto;
    list-style-type:none;
    }
    #menu1 li {
    float:left;
    width:75px;
    border:1px solid #fff;
    }
    #menu1 a {
    display:block;
    width:87px;
    color:#000;
    background:#d4d4d4;
    text-align:center;
    text-decoration:none;
    float:none;
    padding-top: 4px;
    padding-right: 0;
    padding-bottom: 4px;
    padding-left: 0;
    font-style: italic;
    }
    #menu1 a:hover {
    color:#fff;
    background:#08c;
    }

    I just want it to look the same in Mozilla, is that too much to ask? lol

    Any suggestions would be fab

    Thanks

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746

    I see a few warnings upon validation

    Seventy, to be exact. Most are minor things like meta tags not properly closed (well, this causes no problems really), and proprietary things like "bordercolor" (which is probably why it works as intended on Internet Explorer and fouls-up or at least, 'ooks different' on a good/compliant browser).
    But there are a fair number of slightly more aggregious warnings like "Warning: missing </font> before <div>" which will, once again, cause a compliant browser to mess it up, while IE will attempt to render it the way it thinks you intended it to be.
    Do you have Firefox the browser? If not, get it and install the extention "TIDY HTML Validator". It will show you the errors/warnings, and offer a "clean up the page" button which will clean up your code (the warnings, not any errors). This is a very good first start to making your page(s) work nicely upon other browsers.

    -I like the looks of the page so far. -Nice background, interesting visual effects... a very happy-looking page.
    -Joel
    Last edited by WebJoel; 05-09-2006 at 06:30 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles