1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS and Firefox issue

Discussion in 'CSS' started by emaya77, Dec 20, 2005.

0
  1. #1
    I am having issues with the header (driven partly by CSS) in Firefox. Here is the URL:
    http://www.etechwebsites.com/ux/wawa/dev/index.htm

    I tried taking out the Doctype, which fixed it, but I cannot just leave out the Doctype in all of my pages, so I am not sure how to declare it as XHTML strict or clean up the code so that it works.

    I would greatly appreciate any suggestions that you may have for me!
     
    emaya77, Dec 20, 2005 IP
  2. Colleen

    Colleen Illustrious Member

    Messages:
    6,777
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #2
    Your header appears fine to me in Firefox and IE6 SP2. Can you describe the issues you're seeing?
     
    Colleen, Dec 20, 2005 IP
  3. Malachim

    Malachim Peon

    Messages:
    72
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    The page you pointed to looks fine in Firefox and IE.

    Anyway, try this for your header, see if this works for your problem:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

    Also, you can optimise your CSS a tad more.

    For instance, just adding:

    img { border: none; }

    to the style sheet will let you remove every instance of border="0" for images.


    .
     
    Malachim, Dec 22, 2005 IP
  4. wicks

    wicks Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hello!

    I am also having issues with Firefox and CSS! In internet explore my links and borders look great! but in Firfox it is all messed up ... i kinda need some help. here are the links:

    Website: http://www.acculube.net/new/
    Css File: http://www.acculube.net/new/css/style.css

    I am using css rollovers for my links ... i wanted to try and, and love it buttt looks really bad in firefox.

    thanks! :)
     
    wicks, Jan 10, 2006 IP
  5. mcfox

    mcfox Wind Maker

    Messages:
    7,526
    Likes Received:
    716
    Best Answers:
    0
    Trophy Points:
    360
    #5
    mcfox, Jan 11, 2006 IP
  6. stuw

    stuw Peon

    Messages:
    702
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #6
    add a display:block; to your css for a.navbar
     
    stuw, Jan 11, 2006 IP
  7. stuw

    stuw Peon

    Messages:
    702
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #7
    line 38 column 5 - Warning: <td> proprietary attribute "background"
    line 42 column 5 - Warning: <td> proprietary attribute "background"
    line 44 column 5 - Warning: <td> proprietary attribute "background"
    line 44 column 169 - Warning: <img> proprietary attribute value "absmiddle"
    line 44 column 297 - Warning: <img> proprietary attribute value "absmiddle"
    line 44 column 427 - Warning: <img> proprietary attribute value "absmiddle"
    line 48 column 5 - Warning: <td> proprietary attribute "background"
    line 88 column 26 - Warning: <img> proprietary attribute value "absmiddle"
    line 89 column 25 - Warning: <img> proprietary attribute value "absmiddle"
    line 90 column 25 - Warning: <img> proprietary attribute value "absmiddle"
    line 91 column 25 - Warning: <img> proprietary attribute value "absmiddle"
    line 92 column 25 - Warning: <img> proprietary attribute value "absmiddle"
    line 93 column 25 - Warning: <img> proprietary attribute value "absmiddle"
    line 98 column 26 - Warning: <img> proprietary attribute value "absmiddle"
    line 100 column 9 - Warning: <td> proprietary attribute "background"
    line 102 column 26 - Warning: <img> proprietary attribute value "absmiddle"
    line 106 column 26 - Warning: <img> proprietary attribute value "absmiddle"
    line 107 column 25 - Warning: <img> proprietary attribute value "absmiddle"
    line 108 column 25 - Warning: <img> proprietary attribute value "absmiddle"
    line 110 column 9 - Warning: <td> proprietary attribute "background"
    line 112 column 26 - Warning: <img> proprietary attribute value "absmiddle"
    line 117 column 29 - Warning: <img> proprietary attribute value "absmiddle"
    line 120 column 47 - Warning: <img> proprietary attribute value "absmiddle"
    line 121 column 13 - Warning: <img> proprietary attribute value "absmiddle"
    line 122 column 13 - Warning: <img> proprietary attribute value "absmiddle"
    line 122 column 156 - Warning: <img> proprietary attribute value "absmiddle"
    line 123 column 20 - Warning: <img> proprietary attribute value "absmiddle"
    line 123 column 161 - Warning: <img> proprietary attribute value "absmiddle"

    install the developers plugin and the tidy validator plugin for firefox, they are excellent at helping in these situations
     
    stuw, Jan 11, 2006 IP