Jump to content

incompatibilidade entre browsers


rubenbrito
 Share

Recommended Posts

Boas pessoal.

Estou a ter um problema com uma div.. No GoogleChrome está a aparecer tudo direito mas no firefox já não.

Reparem:

NO GOOGLE CHROME - http://img534.imageshack.us/img534/3043/14386314.jpg  (Tudo Bem!)

NO FIREFOX - http://imageshack.us/photo/my-images/59/44766430.jpg/ (A div preta a dizer: INICIO.PHP aparece num local indesejado)

Alguém sabe como posso resolver isto ?

index.php

<!DOCTYPE html>

<html>
<head>
        <title>INDEX</title>
	<link rel="stylesheet" type="text/css" href="estilo.css">
                <script type="text/javascript">
                        function aoCarregar(){
							escondeTudo();
                                document.getElementById('inicio').style.display = "none";
                        }
                        function escondeTudo(){
                                document.getElementById('inicio').style.display = "none";
                                document.getElementById('produtos').style.display = "none";
			document.getElementById('sobrenos').style.display = "none";
                        }
                        function abrirPag(nome){
                                escondeTudo();
                                document.getElementById(nome).style.display = "block";
                        }
                </script>
        <style type="text/css">
        
	#apDiv1 {
        width:80%;
        margin: 0 auto; /* dois valores: o primeiro é o topo e o fundo, o segundo é a esquerda e a direita */
        height:10%;
        overflow: auto;
        background-color:#000;
	}


        </style>
</head>

        <body onload="javascript:aoCarregar();">

	<div id="loginbar">
	<? include("login.php");?>
	</div>
	<? include("menu.html"); ?>
         <div id="inicio"><? include("inicio.php");?></div>
         <div id="produtos">PRODUTOS</div>
	 <div id="sobrenos">SOBRE NÓS</div>

        </body>
</html>

inicio.php

<!DOCTYPE html>
<html>
        <head><title>Inicio</title>
	<link rel="stylesheet" type="text/css" href="estilo.css">
        </head>
        <body>

	<div id="apDiv1">INICIO.PHP</div>


        </body>
</html>

Cumprimentos, Rúben Brito  😄

Link to comment
Share on other sites

Falta aí muito código para se poder saber o problema ao certo.

ah, falta ?  :dontgetit:

acho que pus o necessário, mas aqui vai ..

estilo.css

body{
font-size:12pt;
font-Family:Verdana,Arial,Helvetica,Sans-serif;
color:#666666;
padding:0;
margin:0;
text-align:center;
}

#loginbar{
background-color:#000;
height:25px;
text-align:center;
width:100%;
margin:0px;
color:#FFF;
}

menu.html

<!DOCTYPE html>

<html>

<head>
<title>Menu Horizontal</title>
<style type="text/css">
	body {
		padding:0px;
		margin:0px;
	}

	#menu ul {
		padding:0px;
		margin:0px;
		float: left;
		width: 100%;
		background-color:#EDEDED;
		list-style:none;
		font:80% Tahoma;
	}

	#menu ul li { display: inline; }

	#menu ul li a {
		background-color:#EDEDED;
		color: #333;
		text-decoration: none;
		border-bottom:3px solid #EDEDED;
		padding: 10px 20px;
		float:left;
	}

	#menu ul li a:hover {
		background-color:#D6D6D6;
		color: #6D6D6D;
		border-bottom:5px solid #EA0000;
	}
</style>
</head>

<body>
<div id="menu">
	<ul>
		<li><a href="javascript:void();" onclick="javascript:abrirPag('inicio');">Início</a></li>
		<li><a href="javascript:void();" onclick="javascript:abrirPag('produtos');">Produtos</a></li>
		<li><a href="">Sobre nós</a></li>

	</ul>
</div>
</body>
</html>

login.php

<!DOCTYPE html>
<html>
        <head><title>Inicio</title>
        </head>
        <body>
	<table align="right">
	<tr>
		<td>
		Utilizador:<input type="text" name="user">
		</td>
		<td>
		Password:<input type="password" name="pw">
		</td>
	</tr>
	</table>
        </body>
</html>
Link to comment
Share on other sites

Raios me partam se percebo a tua estrutura... Tanto o menu.html como o login.php contém páginas HTML completas, isso joga junto como? Tens alguma coisa pelo meio com iframes ou quê?

"Para desenhar um website, não tenho que saber distinguir server-side de client-side" - um membro do fórum que se auto-intitula webdesigner. Temo pelo futuro da web.

Link to comment
Share on other sites

Ainda não comecei a codar em php no projecto. Apenas encontrei esta adversidade e quis ultrapassa-la pedindo ajudar aqui no forúm.

Mas quanto ao login.php, ainda não contém php mas posso inseri-lo usando <? ?> não posso ?

Eu apenas consegui fazer alguma coisa de jeito em CSS usando como 'testador' o IE. No Firefox e no GoogleChrome aparecia sempre tudo desalinhado.

Já tinha abordado este tema aqui antes, tudo se resolveu mas apenas no GoogleChrome, no Firefox continua com bug.

http://www.portugal-a-programar.pt/forums/topic/0-find-topic/?do=findComment&comment=451550

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.