4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Would love some help figuring this out.....

by Steve Wells
3 replies
If I view this site Here Goes The Title of Your Page on IE8, at the bottom of the footer you'll see a small sliver of white background showing, BUT in Firefox, Google Chrome, Safari and Opera, its not there.... what can I do to fix this?.....

Also while viewing this page on Google Chrome only there seems to be a split in the graphics in two places, the top header to the right and the footer area?

Any ideas on what is causing this and can be done to fix it...?

I have validated the css and the html with W3C and have only 3 minor errors in the xhtml that wouldn't cause this for sure... the css code validates perfect

Any suggestions would be greatly appreciated....

All the best,
Steve
#figuring #love
  • Profile picture of the author SteveJohnson
    My first and best guess is that you haven't zeroed the margin and padding on div tags. IE likes to put an implicit margin around block-level objects (<p> also).
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[2921744].message }}
    • Profile picture of the author Steve Wells
      Originally Posted by SteveJohnson View Post

      My first and best guess is that you haven't zeroed the margin and padding on div tags. IE likes to put an implicit margin around block-level objects (<p> also).
      Thanks for your help, dont know how to do that, so I just trashed the project, I was trying to get a reapeting background on the x axis with the footer, like I had with the header.

      But I just decided to much of a pain in the arse for now, so I just went with no footer reapeating image until I can figure a simple way to do it.....

      IE can suck and google chrome also...
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[2921825].message }}
  • Profile picture of the author kkoechel
    you do it like this:

    <STYLE type="text/css">
    /* null margins and padding to give good cross-browser baseline */
    html,body,address,blockquote,div,form,fieldset,cap tion,h1,h2,h3,h4,h5,h6,hr,ul,
    li,ol,ul,table,tr,td,th,p,img
    {
    margin:0;
    padding:0;
    }
    img,fieldset {
    border:none;
    }

    ...rest of css
    {{ DiscussionBoard.errors[2960980].message }}

Trending Topics