[CSS] ongewenste ruimte - Softwareontwikkeling

maandag 17 april 2006 18:51

Acties:

Topicstarter

Pffff, het is vast extreem simpel en al eerder behandeld, maar ik kan echt geen oplossing vinden... Waarom wordt de onderstaande code prima afgebeeld met IE, maar geeft Firefox een irritante ruimte van enkele pixels tussen de header div en de menu div ??? Volgens mij heb ik alle margin en padding opties nu wel gehad...

Wie o wie helpt me van deze frustratie af ?

BvD,

René

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>nieuwe pagina</title>

<style type="text/css">
    div {
        box-model:border-box;
        -moz-box-model:border-box;
        }
    #menu a {
        display:block;
        width:160px;
        height:57px;
        padding-top:20px;
        vertical-align: top; text-align:center;
        font: bold 14px/1 sans-serif;
        color:#c60;
        background: url("../images/buttons.gif") 0 0 no-repeat;
        text-decoration: none;
        float: left;
        display: inline;
        margin: 0px;
        }
    #menu a:hover { 
        background-position: -160px 0;
        color: #E9BE75;
        }
    #menu a:active {
        background-position: -320px 0;
        color:white;
        }

</style>

</head>
<body>

<div>[img]"../images/header.gif"[/img]</td></div>

<div id="menu">
        <a href="">Menu item 1</a>
        <a href="">Item no. 2</a>
        <a href="">Another (3)</a>
        <a href="">Menu item 4</a>
        <a href="">One more (5)</a>
</div>
</body>
</html>

.

maandag 17 april 2006 18:53

Acties: