Jump to content
Fórum Script Brasil
  • 0

Erro Menus IE


Marcos Vinicius Mocelin

Question

Galera fiz o seguinte CSS e não funcionou no IE, somente no Chrome e Firefox

alguém pode me ajudar

Desde já agradeco

/* Let's import the lovely google font, please keep this line at the top of your stylesheet */

@import url(http://fonts.googleapis.com/css?family=Capriola);



/* Menu CSS */ 

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{
    
    padding: 0;
    margin: 0;
    line-height: 1;
    font-family: 'Capriola', sans-serif;
    
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {

    content: '';
    display: table;
    
}


#cssmenu:after, #cssmenu > ul:after {

    clear: both;
    
}

#cssmenu {

    zoom:1;
    height: 69px;
    background: url(../images/bottom-bg.png) repeat-x center bottom;
    border-radius: 2px;
    
}

#cssmenu ul{


    background: url(../images/nav-bg.png) repeat-x 0px 4px;
    height: 69px;
    
}

#cssmenu ul li{

    float: left;
    list-style: none;
    
}

#cssmenu ul li a{
    
    display: block;
    height: 37px;
    padding: 22px 30px 0;
    margin: 4px 2px 0;
    border-radius: 2px 2px 0 0;
    text-decoration: none;
    font-size: 15px;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
    font-weight: 400;
    opacity: .9;
    
}

#cssmenu ul li:first-child a{
    
    margin: 4px 2px 0 0;
    
}

#cssmenu ul li a:hover, #cssmenu ul li.active a{
    
    background: url(../images/color.png) center bottom;
    display: block;
    height: 37px;
    margin-top: 0px;
    padding-top: 26px;
    color: #4e6d04;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .55);
    opacity: 1;
    
}
NO html
<body>
            <div id='cssmenu'>
                <ul>
                    <li class='active '><a href="<?php echo URL; ?>home"><span>Home</span></a></li>
                    <li><a href='#'><span>Products</span></a></li>
                    <li><a href='#'><span>Company</span></a></li>
                    <li><a href='#'><span>Contact</span></a></li>
                </ul>
            </div>

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

então cara, text shadow, opacity, e entre outros o IE não aceita...

alem de:

line-height: 1;

zoom:1;

ta faltano o tamanho, 1 ele vai ler do jeito que ele quiser...

além do que eu acho que o zoom o IE tb encuca...

Ou seja, o IE é uma putinha huahauhaua... eu aconselho ir tirano cada um e tentano descobrir... e não esqueça de colocar a unidade de medida...

Link to comment
Share on other sites

  • 0

OK, descobri os problemas no CSS

minha duvida é a seguinte,

eu fiz duas folhas de estilos separadas para os navegadores, testes essas folhas de estilo e uma funciona com IE e a outra funciona com com as demais

como faço para chamar essas folhas de estilo, quando acessar com navegadores diferentes, sei que pode ser com java script

mas como fica meu java script

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.1k
    • Total Posts
      651.8k
×
×
  • Create New...