Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Oct 2009
    Posts
    87
    Thanks
    2
    Thanked 1 Time in 1 Post

    Why is my cell height being ignored in IE8?

    It works in FF and Chrome, but not IE8.

    Code:
    .legBioTableColHeader
    {
    	background-color:Aquamarine;
    	height:14px;
    	vertical-align:top;
    	text-align:center;
    	font-size:12px;
    	border:1px solid black;
    }
    To see the different behavior, here is a link to my application (it will require Google Earth plug-in if you don't have it already).

    http://www.sovereignstates.net/State...egislators.htm

    Be sure to look at column headers in the lower window below the map. In IE8, the headers are too high.

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    I can't help since I don't have IE but the first step to make your life easy is to validate and fix the errors:

    http://validator.w3.org/check?verbos...egislators.htm

    I usualy design for firefox and test with other browsers but from my experience until now if the page was valid and look as I want in firefox I didn't need any fix for IE 8, only for lower versions.

    best regards

  • #3
    New Coder
    Join Date
    Oct 2009
    Posts
    87
    Thanks
    2
    Thanked 1 Time in 1 Post
    I have been wanting to validate, but it tries to validate my jscript and gives me too many errors. How do I get the validator to stop doing that?

  • #4
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by jeffmatthews View Post
    I have been wanting to validate, but it tries to validate my jscript and gives me too many errors. How do I get the validator to stop doing that?
    Code:
    <script type="text/javascript">
    // <![CDATA[
    code here
    // ]]></script>
    or put the code into an external file and use script element to load it.
    I prefere second so I can easy reuse the code.

    Edit: don't warry about the numbers of errors, there are fewer then the validator say because some of them trigger others.
    if you start fix them from the top and validate each time you will be finish very fast

    best regards
    Last edited by oesxyl; 11-09-2009 at 12:33 AM.

  • #5
    New Coder
    Join Date
    Oct 2009
    Posts
    87
    Thanks
    2
    Thanked 1 Time in 1 Post
    Great! Will give it a try.

  • #6
    New Coder
    Join Date
    Oct 2009
    Posts
    87
    Thanks
    2
    Thanked 1 Time in 1 Post
    Well, that reduced it to only 9 errors, but in reviewing them, I can't see anything wrong.

    Further, it occurs to me that since I am using dom manipulation to dynamically create and modify html, the validator would not be able to catch any errors there because they are concealed in script operations.

  • #7
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by jeffmatthews View Post
    Well, that reduced it to only 9 errors, but in reviewing them, I can't see anything wrong.

    Further, it occurs to me that since I am using dom manipulation to dynamically create and modify html, the validator would not be able to catch any errors there because they are concealed in script operations.
    yes you are right about generated code. I use to build a pure html + css page before, validate and fix problem and then I reproduce what I need with js or server side as I need.
    the CDATA section ending tag must be ]]> not only ]] and I'm not sure if the rest of the errors don't come from your doctype, check if is correct.

    Edit: put one or more spaces after start and before end cooments tag. Browser parser are usualy confused about this:
    <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> -->

    best regards
    Last edited by oesxyl; 11-09-2009 at 01:49 AM.

  • #8
    New Coder
    Join Date
    Oct 2009
    Posts
    87
    Thanks
    2
    Thanked 1 Time in 1 Post
    Back to the CSS issue above, when I comment out the "height:14px;" line, I find that Firefox displays the column header exactly as IE. This tells me that IE is ignoring that line. But why???

    I posted the complete CSS style block above. It all looks as it should to me.

  • #9
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by jeffmatthews View Post
    Back to the CSS issue above, when I comment out the "height:14px;" line, I find that Firefox displays the column header exactly as IE. This tells me that IE is ignoring that line. But why???

    I posted the complete CSS style block above. It all looks as it should to me.
    I guess the problem is in first and second column where you have rowspan="2", the rest of the cells try to fill the gap. I would put the text in a div and style it as you do but I would not use rowspan.

    best regards

  • #10
    New Coder
    Join Date
    Oct 2009
    Posts
    87
    Thanks
    2
    Thanked 1 Time in 1 Post
    Crazy thing, that was!

    I had to set the height of the bottom row columns 3-5. Fixing the height of those prevented the top row from expanding downward automatically.

    Good enough. Glad it works....


  •  

    Posting Permissions

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