Header works in IE. Not displaying correctly in Safari or FF.

Discussion in 'HTML & Website Design' started by roger_inkart, Apr 7, 2009.

0
  1. #1
    I suppose there's a hack out there for this? Or is my code to blame?

    http://inkart.net/art/wildlife_art/insects/

    CSS:

    HTML:

    Basically the header_graphic.jpg isn't showing up and the box isn't defined.

    Thanks for any help!
     
    roger_inkart, Apr 7, 2009 IP
  2. GreatWebSuccess

    GreatWebSuccess Peon

    Messages:
    226
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I can see that the site is not centered in FF, is this what you were referring to? You need to wrap the page with a div and center it using CSS.

    Insert this for your html:

    <head>
<style>
#wrapper {width: 1024px; margin: 0 auto;}
</style>
</head>
<body>
<div id="wrapper">
REST OF YOUR TABLE CODE HERE
</div>
</body>
    Code (markup):
    That should center everything in all the browsers. Make sure you put the code for style within the head section.
     
    GreatWebSuccess, Apr 7, 2009 IP
  3. roger_inkart

    roger_inkart Peon

    Messages:
    383
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #3
    No, it's not a centering issue. Although I certainly appreciate the advice and will update my code accordingly.

    If it's not too much trouble could someone look at this page in both Safari and IE?

    http://inkart.net/art/wildlife_art/insects/

    In IE there is a header graphic that shows up fine, but for some reason Safari will not display it.

    I would really appreciate any help the DP folks could give!
     
    roger_inkart, Apr 7, 2009 IP