Menu em CSS não centraliza no IE

Suporte aos Styles/Templates para phpBB.
Jorge_hrc
Novato
Novato
Mensagens: 40
Registrado em: 13 Jun 2011, 13:47
Você favoritou esta postagem

Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por Jorge_hrc »

    Qual a URL do seu fórum: http://www.guerreirosdeolorum.com.br
    Tipo de Hospedagem: Pago
    Qual a versão do phpBB: phpBB 3.0.10
    É um novo ou uma conversão: Instalação Limpa
    Usuário de teste: Usuário: Teste Senha: Teste01
    Estilos instalados: Absolution 1.1 Green
    Modificações instaladas: Mchat e Portal Board3
    Qual seu nivel de experiência: Iniciante
    Quando começou o problema: Após instalação do Menu em CSS
    Descreva seu problema: Nos navegadores Chrome e Firefox funciona perfeitamente, mas no IE não consegui centralizar o Menu. No tópico de referencia viewtopic.php?f=149&t=45195 o autor também está com o mesmo problema e pelo que entendi optou por deixar como no link: http://www.shihtzuforum.com.br/index.php
    Que por sinal achei que ficou melhor pois conserva as características do estilo, só que não postou a modificação utilizada. Alguém tem idéia de como fazer para deixar como no link ?
    Desde já agradeço vossa atenção.
    Avatar do usuário
    robra
    Membro Sênior
    Membro Sênior
    Mensagens: 6065
    Registrado em: 02 Dez 2010, 23:29
    MSG 1500+Avatar
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por robra »

    Não entendi o que você quer realmente.

    Abraço. Imagem
    [DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
    Jorge_hrc
    Novato
    Novato
    Mensagens: 40
    Registrado em: 13 Jun 2011, 13:47
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por Jorge_hrc »

    É o seguinte veja como ficou no meu site e como ficou no site do autor do tópico viewtopic.php?f=149&t=45195. Eu quero deixar como ficou no site dele.

    meu site:http://www.guerreirosdeolorum.com.br
    site dele:http://www.shihtzuforum.com.br/index.php

    Veja que no meu ficou no topo o menu e no dele ficou abaixo entre os botões de registrar e entrar. Creio que agora ficou mais claro né!

    Desde já agradeço o apoio!
    Avatar do usuário
    robra
    Membro Sênior
    Membro Sênior
    Mensagens: 6065
    Registrado em: 02 Dez 2010, 23:29
    MSG 1500+Avatar
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por robra »

    No http://www.shihtzuforum.com.br/index.php os botões estão na mesma barra de navegação do estilo.
    Já no seu Portal, tem uma nova barra de navegação, acima da barra de navegação do próprio estilo.
    O que você quer é adicionar botões na barra de navegação do próprio estilo :?:

    Abraço. Imagem
    [DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
    Jorge_hrc
    Novato
    Novato
    Mensagens: 40
    Registrado em: 13 Jun 2011, 13:47
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por Jorge_hrc »

    Isso mesmo Robra, quero adicionar os botões na barra de navegação do próprio estilo.

    Desde já agradeço vossa atenção.
    Avatar do usuário
    robra
    Membro Sênior
    Membro Sênior
    Mensagens: 6065
    Registrado em: 02 Dez 2010, 23:29
    MSG 1500+Avatar
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por robra »

    Poste o seu overall_header.html dentro do Bbcode Code.

    Abraço. Imagem
    [DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
    Jorge_hrc
    Novato
    Novato
    Mensagens: 40
    Registrado em: 13 Jun 2011, 13:47
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por Jorge_hrc »

    Aqui está

    Código: Selecionar todos

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
    <head>
    <!-- INCLUDE absolution_config.html -->
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="content-language" content="{S_USER_LANG}" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="resource-type" content="document" />
    <meta name="distribution" content="global" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    {META}
    <title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
    
    <!-- IF S_ENABLE_FEEDS -->
    	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
    	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
    	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
    	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
    	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
    	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
    	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
    <!-- ENDIF -->
    
    <!--
    	phpBB style name: Absolution
    	Based on style:   prosilver (this is the default phpBB3 style)
    	Original author:  Tom Beddard ( http://www.subBlue.com/ )
    	Modified by:      Christian Bullock ( http://www.ChristianBullock.com/ )
    
    -->
        
    <script type="text/javascript">
    // <![CDATA[
    	var jump_page = '{LA_JUMP_PAGE}:';
    	var on_page = '{ON_PAGE}';
    	var per_page = '{PER_PAGE}';
    	var base_url = '{A_BASE_URL}';
    	var style_cookie = 'phpBBstyle';
    	var style_cookie_settings = '{A_COOKIE_SETTINGS}';
    	var onload_functions = new Array();
    	var onunload_functions = new Array();
    
    	<!-- IF S_USER_PM_POPUP and S_NEW_PM -->
    		var url = '{UA_POPUP_PM}';
    		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
    	<!-- ENDIF -->
    
    	/**
    	* Find a member
    	*/
    	function find_username(url)
    	{
    		popup(url, 760, 570, '_usersearch');
    		return false;
    	}
    
    	/**
    	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
    	*/
    	window.onload = function()
    	{
    		for (var i = 0; i < onload_functions.length; i++)
    		{
    			eval(onload_functions[i]);
    		}
    	};
    
    	window.onunload = function()
    	{
    		for (var i = 0; i < onunload_functions.length; i++)
    		{
    			eval(onunload_functions[i]);
    		}
    	};
    
    // ]]>
    </script>
    
    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
    
    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.tipsy.js"></script>
    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.hoverIntent.min.js"></script>
    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.cookie.js"></script>
    <script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.collapse.js"></script>
    
    <script type="text/javascript">
    // <![CDATA[
    $(function(){
        $([window, document]).blur(function(){
            $('ul.drop').css({display: 'none'});
        });
        $("#nav ul li").hoverIntent(function(){
    			$(this).children("ul").slideDown();
            },function(){
                $(this).children("ul").slideUp();
        });
    });
    // ]]>
    </script>
    
    <link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
    <link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
    
    <link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
    <link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
    <link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
    
    <!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
    	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
    <!-- ENDIF -->
    
    <!--[if IE]>
    	<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie.css" />
    <![endif]-->
    
    <!--[if IE]>
    <style type="text/css">
    #menu ul {display:inline-block;}
    #menu ul {display:inline;}
    #menu ul li {float:left;}
    #menu {text-align:center;}
    </style>
    <![endif]-->
    
    </head>
    
    <body id="phpbb" class="nojs section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
        <script type="text/javascript">
        // <![CDATA[
        $("body").removeClass("nojs").addClass("js");
        // ]]>
        </script>
    
    <div class="noise">
        <div id="wrap" style="width: {$ABSOLUTION_BOARD_WIDTH};">
        
        <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
        <a id="top" name="top" accesskey="t"></a>
        
        <div id="header">
            <div class="float-left">
            <!-- IF $USE_IMAGESET_LOGO -->
                {SITE_LOGO_IMG}
            <!-- ELSE -->
                <h1>{SITENAME}</h1>
            <!-- ENDIF -->
            </div>
            
            
            <div class="float-right">
                <div class="quicksearch">
                    <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
                        <form action="{U_SEARCH}" method="get" id="search">
                            <fieldset>
                                <input name="keywords" id="keywords" type="text" maxlength="128" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                                <!--<input class="button2" value="{L_SEARCH}" type="submit" />--><br />
                                {S_SEARCH_HIDDEN_FIELDS}
                            </fieldset>
                            </form>
                        <!-- ENDIF -->
                    </div>
                </div>
            <div style="clear: both;"></div>
        </div><!-- /header -->
     
    <br />
    <div id="menu" align="center">
    <ul>
       <li><a href="http://www.guerreirosdeolorum.com.br/portal.php"><b>PORTAL</b></a></li>
       <li><a href="http://www.guerreirosdeolorum.com.br/index.php"><b>FORUM</b></a></li>
       <li><a href="http://www.guerreirosdeolorum.com.br/mchat.php#mChat"><b>CHAT</b></a></li>
       <li><a href="http://www.guerreirosdeolorum.com.br/search.php"><b>PESQUISA</b></a></li>
       <li><a href="http://www.guerreirosdeolorum.com.br/memberlist.php"><b>MEMBROS</b></a></li>
       <li><a href="http://www.guerreirosdeolorum.com.br/faq.php"><b>FAQ</b></a></li>   
    </ul>
    </div>
    <br />
     
        <!-- INCLUDE navbar.html -->
        
        <a name="start_here"></a>
        <div id="page-body">
            <div class="contentpadding">
            
            <!-- IF U_RESTORE_PERMISSIONS -->
                <div class="red-notice">
                    <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
                </div>
            <!-- ENDIF -->
            
            <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
                <div class="red-notice">
                    <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
                </div>
            <!-- ENDIF -->
            
            <!-- IF SCRIPT_NAME eq 'viewforum' or SCRIPT_NAME eq 'viewtopic' -->
            	<a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --><!-- IF SCRIPT_NAME eq 'viewtopic' --> <strong>&#8249;</strong> {TOPIC_TITLE}<!-- ENDIF -->
            <!-- ENDIF -->
    Avatar do usuário
    robra
    Membro Sênior
    Membro Sênior
    Mensagens: 6065
    Registrado em: 02 Dez 2010, 23:29
    MSG 1500+Avatar
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por robra »

    Bem, a princípio, já pode desfazer as edições que resultaram naquela barra de navegação acima da original do estilo.
    Só para conhecer mais o seu estilo, o seu overall_header.html tem a linha <!-- INCLUDE navbar.html -->. Correto ?
    Esta linha "chama" a barra de navegação original de seu estilo que está no arquivo navbar.html, diferente do Prosilver que tem as linhas que definem a barra de navegação no próprio overall_header.html.
    :arrow: Em mensagens de outros tópicos, este assunto já foi abordado como nas mensagem viewtopic.php?t=47365#p282200 e viewtopic.php?t=46980&p=279745#p279781.
    Veja se lhe ajuda. Ok ?
    Caso não consiga, aí torne a postar aqui.

    Abraço. Imagem
    [DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
    Jorge_hrc
    Novato
    Novato
    Mensagens: 40
    Registrado em: 13 Jun 2011, 13:47
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por Jorge_hrc »

    Vlw Robra pelo tópico viewtopic.php?t=47365#p282200 consegui alterar funcionou legal.
    Como ficaram vários botões tem como agrupar em um só e este abrir uma lista dos botões disponíveis?

    Veja como ficou o navbar.html:

    Código: Selecionar todos

    <div style="clear: both;"></div>
    <div id="nav-wrap-left"></div>
    <div id="nav-wrap-right"></div>
    
    <div id="nav">
        <ul>
    
                <li<!-- IF SCRIPT_NAME eq 'index' --> class="active"<!-- ENDIF -->>
                    <a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/nav-home.png" width="16" height="16" alt="" />{L_INDEX}</a>
                </li>
                <li class="divider"></li>
    
            
            <!-- IF not S_IS_BOT -->
            
            	<!-- IF S_USER_LOGGED_IN -->
                	<li class="float-right logout">
                    	<a href="{U_LOGIN_LOGOUT}" class="tip" title="{L_LOGOUT}"><img src="{T_THEME_PATH}/images/logout.png" width="16" height="16" alt="" /></a>
                    </li>
                    <li class="divider float-right"></li>
                <!-- ENDIF -->
                         	
            	<li class="float-right<!-- IF SCRIPT_NAME eq 'ucp' and $CURRENT_PAGE != 'register' --> active<!-- ENDIF -->">
                	<!-- IF not S_USER_LOGGED_IN -->
                		<a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" />{L_LOGIN_LOGOUT}</a>               
                    <!-- ELSE -->
                    	<a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/userdrop.png" width="16" height="16" alt="" />{S_USERNAME}</a>
                        <div style="clear: both;"></div>
                        <ul class="drop">
                            <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                            <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                            <!-- IF U_MCP --><li><a href="{U_MCP}">{L_MCP}</a></li><!-- ENDIF -->
                            <!-- IF U_ACP --><li><a href="{U_ACP}">{L_ACP}</a></li><!-- ENDIF -->
                        </ul>                         
                    <!-- ENDIF -->
                </li>
                <li class="divider float-right"></li>
                
                <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not S_SHOW_COPPA -->
                	<li class="float-right<!-- IF $CURRENT_PAGE == 'register' --> active<!-- ENDIF -->">
                    	<a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" />{L_REGISTER}</a>
                    </li>
                    <li class="divider float-right"></li>
                <!-- ENDIF -->
                
            	<!-- IF S_DISPLAY_SEARCH -->
                    <li class="float-right<!-- IF SCRIPT_NAME eq 'search' --> active<!-- ENDIF -->">
                        <a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/search<!-- IF S_USER_LOGGED_IN -->-drop<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_SEARCH}</a>
                        <!-- IF S_USER_LOGGED_IN -->
                        	<div style="clear: both;"></div>
                        	<ul class="drop">
                                <li><a href="{U_SEARCH}">{L_SEARCH_ADV}</a></li>
                                <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
                                <!-- IF S_LOAD_UNREADS -->
                                	<li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li>
                                    <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
                                    <li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
                                <!-- ENDIF -->
                        	</ul>
                        <!-- ENDIF -->                    
                    </li>
                    <li class="divider float-right"></li>
                <!-- ENDIF --> 
                    
                <!-- IF S_DISPLAY_MEMBERLIST -->
                    <li class="float-right<!-- IF SCRIPT_NAME eq 'memberlist' --> active<!-- ENDIF -->">
                        <a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/nav-members.png" width="16" height="16" alt="" />{L_MEMBERLIST}</a>
                    </li>
                    <li class="divider float-right"></li>
                <!-- ENDIF -->
    						
    			<li class="float-right">
                        <a href="http://www.guerreirosdeolorum.com.br/mchat.php#mChat"><img src="{T_THEME_PATH}/images/icon_bump.gif" width="16" height="16" alt="" />Mini-Chat</a>
                    </li>
                    <li class="divider float-right"></li>
                <li class="float-left">
                        <a href="http://www.guerreirosdeolorum.com.br/portal.php"><img src="{T_THEME_PATH}/images/portal_link.png" width="16" height="16" alt="" />Portal</a>
    			    </li>
                    <li class="divider float-left"></li>
    			
                <!-- IF S_DISPLAY_PM -->
                    <li class="float-right">
                        <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/nav-pm<!-- IF S_USER_UNREAD_PRIVMSG -->-new<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_MESSAGES}</a>
                    </li>
                    <li class="divider float-right"></li>            
                <!-- ENDIF -->
                    
                                                      
            <!-- ENDIF -->      
    
        </ul>
    </div>
    Verifique se coloquei as alterações nos luguares certos.

    Fico muito agradecido pelas instruções!
    Avatar do usuário
    robra
    Membro Sênior
    Membro Sênior
    Mensagens: 6065
    Registrado em: 02 Dez 2010, 23:29
    MSG 1500+Avatar
    Você favoritou esta postagem

    Re: Menu em CSS não centraliza no IE

  • Remover marcador da postagem
  • Mensagem por robra »

    Até tem, mas vai precisar adaptar um Menu deslizante vertical(slide menu) ao seu estilo.
    Na "Pesquisa personalizada", digite "slide menu" e o 1º link do resultado da busca é uma dica. Lá obterá as informações desejadas.

    Abraço. Imagem
    [DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
    Trancado