Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP


Margin / Padding / Line-height problems in IE8 #258

buthy opened this Issue · 0 comments

1 participant


Hello, i'm having problems in IE8... Look:

Chrome, IE9, Firefox


header#topo nav#menu {width: 100%; height: 70px; background: #b0dcfb;}
header#topo nav#menu li {height: 70px; line-height: 70px; display: block; text-align: center; float: left; margin: 0; padding: 0; font-family:"BeautifulEveryTime"; font-size:20px;}
header#topo nav#menu li a {text-decoration: none;}
header#topo nav#menu li.i1 {width: 100px;}
header#topo nav#menu li.i2 {width: 150px;}
header#topo nav#menu li.i3 {width: 150px;}
header#topo nav#menu li.i4 {width: 110px;}
header#topo nav#menu li.i5 {width: 120px;}
header#topo nav#menu li.i6 {width: 120px;}
header#topo nav#menu li.i7 {width: 120px;}
header#topo nav#menu li.i8 {width: 123px;}
header#topo nav#menu li.selected {background: url('../images/menu-selected.png') no-repeat center 59px;}
header#topo nav#menu li:hover {background: url('../images/menu-selected.png') no-repeat center 59px;}
header#topo nav#menu .menu-separador {width: 1px; height: 70px; display: block; background: url('../images/menu-separador.png') no-repeat top center; float: left;}


        <div class="centro">


                <li class="i1 <?php if (!isset($_GET['pag'])){ echo 'selected'; } ?>">
                    <a href="index.php">HOME</a>

                <div class="menu-separador"></div>

                <li class="i2 <?php if (($_GET['pag']) == 'sobre-a-ong'){ echo 'selected'; } ?>">
                    <a href="index.php?pag=sobre-a-ong">SOBRE A ONG</a>

                <div class="menu-separador"></div>

                <li class="i3 <?php if (($_GET['pag']) == 'como-ajudar'){ echo 'selected'; } ?>">
                    <a href="index.php?pag=como-ajudar">COMO AJUDAR</a>

                <div class="menu-separador"></div>

                <li class="i4 <?php if (($_GET['pag']) == 'adote'){ echo 'selected'; } ?>">
                    <a href="index.php?pag=adote">ADOTE</a>

                <div class="menu-separador"></div>

                <li class="i5 <?php if (($_GET['pag']) == 'noticias'){ echo 'selected'; } ?>">
                    <a href="index.php?pag=noticias">NOTÍCIAS</a>

                <div class="menu-separador"></div>

                <li class="i6 <?php if (($_GET['pag']) == 'eventos'){ echo 'selected'; } ?>">
                    <a href="index.php?pag=eventos">EVENTOS</a>

                <div class="menu-separador"></div>

                <li class="i7 <?php if (($_GET['pag']) == 'produtos'){ echo 'selected'; } ?>">
                    <a href="index.php?pag=produtos">BRECHÓ</a>

                <div class="menu-separador"></div>

                <li class="i8 <?php if (($_GET['pag']) == 'contato'){ echo 'selected'; } ?>">
                    <a href="index.php?pag=contato">CONTATO</a>

                <div class="clear"></div>





What I need to do to align the menu?


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.