incompatibilidade entre browsers

rubenbrito · May 1, 2012 at 10:49 PM

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 😄

mjamado · May 1, 2012 at 11:35 PM

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

rubenbrito · May 2, 2012 at 03:26 PM

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>

mjamado · May 2, 2012 at 03:43 PM

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ê?

rubenbrito · May 2, 2012 at 04:04 PM

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

mjamado · May 2, 2012 at 04:08 PM

*sigh* O que é que tens feito, ao certo? Coloca aqui, nada mais, nada menos, do que aquilo que tens feito.

Sign In

incompatibilidade entre browsers

Recommended Posts

rubenbrito

mjamado

rubenbrito

mjamado

rubenbrito

mjamado

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information