Table row height difference between IE and Firefox

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #16
    I didn't know this was for an older page so I can understand the problems you may be having from using the * for margins. Sometimes you can use 'conditional comments' to insert things for IE only. It works like this:

    [<!--[if lt IE 7]>
    p{margin:0}
    <![endif]-->

    Which reads as "if less than IE7", etc.

    Short tutorial link but google for "conditiona l comments" for lots more including MS doc page on it.

    Comment

    • jpullam
      New Member
      • Dec 2006
      • 12

      #17
      I have numerous reference sites bookmarked and have been writing HTML since about 1995. I have no problem investing time to learn what's changing but with the number of technologies there are, there simply isn't enough time to stay current on all the evolving languages and specs that exist.

      At the moment, I'm just a little frustrated that my desire to clean up one inconsistency between IE and Firefox has resulted in a cascading set of issues in my pages. And yes, it would have been nice if they didn't contain errors, but when I last ran this stuff thru a checker they were considered clean. I guess the specs changed and I didn't notice.

      I've just read a bunch of stuff on margins and containers and am not getting the results I had hoped for. Think I'll put this back on the shelf, return the code to what I started with, and when my current project is finished, try to understand what has been happenning. Fortunately most of my users run IE.

      Thanx for helping. Maybe talk to you in January.

      Comment

      • drhowarddrfine
        Recognized Expert Expert
        • Sep 2006
        • 7434

        #18
        Sometimes the best bet is to tear it up and start over. The fact that your users are IE is not fortunate. You will have to write proper, standard code; then adjust it for IEs quirks and bugs; but it shouldn't be too hard if they upgrade to IE7 by then at least.

        Comment

        • narendra singh82
          New Member
          • Apr 2007
          • 1

          #19
          Hi,

          It is simple solution :
          Code:
          p {
          		margin:0px;
          		}
          Thanks
          Narendra singh

          Comment

          • cristiTM
            New Member
            • Sep 2008
            • 1

            #20
            Try using div tags instead, like this

            INSTEAD OF:
            <td><p>Sample text</p></td>

            USE:
            <td><div>Samp le text</div></td>

            Comment

            • dotuno
              New Member
              • Oct 2008
              • 1

              #21
              I know this is really old, but for what it's worth:

              After setting * {margin:0px}, bring back individual margins you need like this:

              ol, ul {margin-left:20px}

              p {margin:10px 0px 10px 0px}

              You can set whatever values you want, of course, but I have found that 20px left margin is the minimum required to bring back bullets or numbers in lists

              Comment

              Working...