Knowledge Walls
Venkatesan
Hyderabad, Andhra Pradesh, India
Passcode:
Internet explorer unwanted space when display: table; with CSS issue
2359 Views
By default internet explorer cellspacing size is not zero. other browser cellspacing sizes are different with each one. so Internet explorer ie8 leaves unwanted spaces with display: table; Css property.

User has to specify border-spacing of CSS property, border-spacing is same as table cellpadding property. So specify border-spacing 0px with display: table;

display: table;
border-spacing: 0px;
HTML CSS Example
<html>
    <head>
        <style type="text/css">
            .menu-choices a {
                padding: 0px;
                margin: 0px;

                display: table;
                border-spacing: 0px;
            }
        </style>
    </head>
    <body>
        <div class="menu-choices">
            <a>C</a>
            <a>CPP</a>
            <a>Java</a>
        </div>
    </body>
</html>
Best Lessons of "WEB UI Tips and Tricks"
Top lessons which are viewed more times.
  Copyright © 2014 Knowledge walls, All rights reserved
KnowledgeWalls
keep your tutorials and learnings with KnowledgeWalls. Don't lose your learnings hereafter. Save and revise it whenever required.
Click here for more details