SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Guru dwzemens's Avatar
    Join Date
    Mar 2005
    Location
    United States
    Posts
    768
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE does not adhere to CSS rule, but FF does ??? Another issue rears it's ugly head!

    http://www.stoneycreekwebdesign.com/...?content_id=99

    Can anyone suggest why the lines of text just above the photo at the bottom of the page adhere to this CSS rule in FF, but not in IE?

    /* "First Again" text highlighting */
    #content_d1 h7 {
    color:#0000CC; /* actual color from template */
    font-size:17px;
    line-height:16px;
    letter-spacing:1px;
    line-height:16px;
    font-family: verdana, arial, helvetica, sans-serif;
    padding: 0 0 0 0;
    margin: 10px 35px 0 0;
    font-weight:bold;
    }

    Thanks again.

    - dwz

  2. #2
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    IE is right in this case.

    h7 is not a valid tag.

    Firefox wrong. IE right.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,346
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Could it possible be because there is no such element as an h7 lol

    Heading tags go from 1 - 6 only.

    Also you have nested p tags around block level elements which is not allowed. You need to use divs to wrap elements like h1,p, etc.

  4. #4
    SitePoint Guru dwzemens's Avatar
    Join Date
    Mar 2005
    Location
    United States
    Posts
    768
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks everyone...

    Paul, I cannot get that text formatted to save my life. I tried using this:

    #content_d1 .h_7 {
    color:#0000CC; /* actual color from template */
    font-size:17px;
    line-height:16px;
    letter-spacing:1px;
    line-height:16px;
    font-family: verdana, arial, helvetica, sans-serif;
    padding: 0 0 0 0;
    margin: 10px 35px 0 0;
    font-weight:bold;
    }

    and it will not work in either IE or FF....What am I missing this time! Ii have come along way, but have WAY WAY too far to go...

    - dwz

  5. #5
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by logic_earth
    IE is right in this case.

    h7 is not a valid tag.

    Firefox wrong. IE right.
    No, IE would have been wrong. I didn't see the original but the paragraph should have inherited the parent styling so IE, apparently, didn't apply that while FF did.

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,346
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    If you ran your page through the validator most of your problems would be highlighted for you.

    http://validator.w3.org/check?verbos...ontent_id%3D99

    See error 22.

    You have used the incorrect quote characters:

    e.g.

    Code:
    <div class=h_7>
    It should be:
    Code:
    <div class="h_7">
    You still have an incorrect structure. P tags can only contain inline elements. They cannot contain divs or p's or any other block level elements.

    Run through the errors in the validator check and you will be in much better shape

  7. #7
    SitePoint Guru dwzemens's Avatar
    Join Date
    Mar 2005
    Location
    United States
    Posts
    768
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    Thanks again - that's the answer. I had been using Word to do a bit of text clean up, and that was the issue!

    Dave


Bookmarks

Posting Permissions

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