In IE6-7 the top padding (10px) of a.nav-btn does not show when the parent is floated.
I thought adding the old display:inline; would do, but it does not work.

.clearboth { clear: both; }
.admin-header { padding: 20px 10px; background: navy; }
.admin-header-left { float: left; background: red; }
a.nav-btn {
    padding: 10px 15px;
    margin-right: 2px;
    color: white;        
    background-color: #4188FB;
    text-decoration: none;
}

<div class="admin-header">
    <div class="admin-header-left">
        <a class="nav-btn" href="#">Home</a><a class="nav-btn" href="#">Contact</a>
    </div>
    <div class="clearboth"></div>
</div>

1 answer

0
points

Thanks to this article http://haslayout.net/haslayout
I understood my links with paddings did not have a layout in IE. Adding position:relative fixed that.

Answered almost 6 years ago by Anton PTM