#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2011
    Posts
    4
    Rep Power
    0

    Could not get display property. Invalid argument


    I am not sure how come the show/hide div is no longer working in IE 7 but no problem in FF, or there is some problem in my code?

    Code:
    <span onclick="if(document.getElementById('info_856').style.display=='none') {document.getElementById('info_856').style.display='table';} else {document.getElementById('info_856').style.display='none';}" class="business_info">Business Info</span>
    Code:
    <div id="info_856" class="business_info_content">
                    <span class="company_name" style="font-size: large; float: none;">BEAUTY CENTURY</span>
                    <div style="float: right"><a href="#" title="Forward to Friend" target="_blank"><img src="http://localhost/idirectory/images/button/forward_to_friend.png" width="97" height="22" border="0" onmouseover="this.src='http://localhost/idirectory/images/button/forward_to_friend_h.png'" onmouseout="this.src='http://localhost/idirectory/images/button/forward_to_friend.png'" border="0" /></a></div>
                    <div style="float: right; margin-right: 15px;"><a href="http://localhost/idirectory/index.php/businessdirectory/print_company/856" class="print_me"><img src="http://localhost/idirectory/images/button/print.png" width="36" height="22" border="0" onmouseover="this.src='http://localhost/idirectory/images/button/print_h.png'" onmouseout="this.src='http://localhost/idirectory/images/button/print.png'" border="0" /></a></div>
    
                    <div class="about_us">
                        <strong>Product/Service:</strong> <br /><br />
                        <strong>Business Hour:</strong> <br /><br />
                        <strong>Payment Method: </strong> Both<br />
                    </div>
                </div>

    Code:
    .business_info_content {
    	width: 95%;
    	margin-top: 15px;
    	margin-left: 15px;
    	margin-bottom: 30px;
    	padding-top: 10px;
    	border-top: 1px dotted #09F;
    	display: none;
    }
  2. #2
  3. Contributing User
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Aug 2005
    Location
    Bucharest ROMANIA
    Posts
    2,524
    Rep Power
    609
    Some CSS display values, like "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit" are not supported in IE7 and earlier.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2011
    Posts
    4
    Rep Power
    0
    Originally Posted by KorRedDevil
    Some CSS display values, like "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit" are not supported in IE7 and earlier.

    Thanks... I got it right now after change the table to block~~
    Handling IE with CSS really problematic. I found that different version of IE since IE 6 has different end result.

IMN logo majestic logo threadwatch logo seochat tools logo