Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Isabel

Pagina fora do lugar

Por , em Desenvolvimento frontend

Recommended Posts

Isabel    0

Isabel
Postado

To criando a home do meu site, só que no mozilla ele aprensenta o layout normal.. Mais no IE sai fora do lugar, eu li num artigo que é por causa que o mozilla eh standard eh o IE não...

Gostaria de saber como eu faço pra adequar o meu site pro IE..

se alguem puder me ajudar ^^..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isabel    0

Isabel
Postado

Então.. ainda naum joguei no servidor.. to só fazendo o layout inicial..

 

soh se eu te mandar por e-mail a pagina..

soh que ela ainda só esta em html..

estranho tah dando problema.. pq no mozilla..

tah abrindo tudo certinho =/

Compartilhar este post

Link para o post
Compartilhar em outros sites

donato    0

donato
Postado

posta o código ai html e css

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isabel    0

Isabel
Postado

Desculpa pela sujeira do código.. eu to fazendo no DW mesmo eh ainda naum passei o olho pra limpar pq ainda naum tah pronto :)

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>:: MDnet Soluções em Tecnologia -
Home ::</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);"
 alink="#000099" link="#000099" vlink="#990099">
<table
 style="text-align: left; margin-left: auto; margin-right: auto; width: 676px; height: 600px; background-color: rgb(255, 255, 255);"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
	<tr>
	  <td colspan="2" style="height: 145px; text-align: left;"><img
 style="width: 770px; height: 145px;" alt=""
 src="MDNET%20-%20SITE%20-%20-%20-/banner.jpg"><br>
	  </td>
	</tr>
	<tr>
	  <td style="width: 160px;">
	  <style type="text/css">
.menu {color: #ffffff
; filter:alpha(opacity=100,style=1,FinishOpacity=0); cursor:hand; font-family:Verdana; font-size:12pt; font-weight:bold} A.link:link {color: black; filter:alpha(opacity=100,style=1,FinishOpacity=0); text-decoration: none}
A.link:visited {color: black; filter:alpha(opacity=100,style=1,FinishOpacity=0); text-decoration: none}
A.link:active {color: #ffffff; filter:alpha(opacity=100,style=1,FinishOpacity=0); text-decoration: none}
A.link:hover {color: #0c5c92; filter:alpha(opacity=100,style=1,FinishOpacity=0); text-decoration : none;}
	  </style>
	  <script language="JavaScript">
function move_i(cor) { cor.style.background='#dde0e1'; }
function move_o(cor) { cor.style.background='#ffffff'; }
	  </script>
	  <script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
	  </script>
	  <script language="JavaScript">
<!--
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
// -->
	  </script>
	  <div id="object1"
 style="position: absolute; z-index: 2; width: 141px; height: 184px; top: 175px; left: 259px;">
	  <table
 style="border: 1px solid rgb(64, 123, 164); top: 177px; height: 190px;"
 background="fundao.gif" bordercolor="#000000"
 cellpadding="0" cellspacing="0" width="100%">
		<tbody>
		  <tr>
			<td class="menu" onmouseover="move_i(this)"
 onmouseout="move_o(this)" height="25"> <a
 class="link" href="#" target="conteudo"> <b><font
 face="Verdana" size="2"> 
Empresa</font></b></a> </td>
		  </tr>
		  <tr>
			<td class="menu" onmouseover="move_i(this)"
 onmouseout="move_o(this)" height="25"> <a
 class="link" href="#"> <b><font
 face="Verdana" size="2"> 
Serviços</font></b></a></td>
		  </tr>
		  <tr>
			<td class="menu" onmouseover="move_i(this)"
 onmouseout="move_o(this)" height="25"> <a
 class="link" href="#"> <b><font
 face="Verdana" size="2">  Software</font></b></a></td>
		  </tr>
		  <tr>
			<td class="menu" onmouseover="move_i(this)"
 onmouseout="move_o(this)" height="25"> <a
 class="link" href="#"> <b><font
 face="Verdana" size="2"> 
Download</font></b></a></td>
		  </tr>
		  <tr>
			<td class="menu" onmouseover="move_i(this)"
 onmouseout="move_o(this)" height="25"> <a
 class="link" href="#"> <b><font
 face="Verdana" size="2"> 
Contato</font></b></a></td>
		  </tr>
		  <tr>
			<td class="menu" onmouseover="move_i(this)"
 onmouseout="move_o(this)" height="25"> <a
 class="link" href="#"> <b><font
 face="Verdana" size="2"> 
Suporte On-line !</font></b></a></td>
		  </tr>
		</tbody>
	  </table>
	  </div>
	  </td>
	  <td style="width: 600px;"></td>
	</tr>
	<tr>
	  <td colspan="2" style="height: 63px; width: 760px;"><img
 style="height: 63px; width: 770px;" alt=""
 src="Rodap%E9.jpg"><br>
	  </td>
	</tr>
  </tbody>
</table>
<br>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

donato    0

donato
Postado

Isabel, refiz seu código usando os padrões web standard. falta vocês inserir as imagens e os links. sugiro dar uma estudada antes. abraçosss

 

 

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>
</head>

<style>
body { margin: 0px;
	   padding: 0px;
	   font-family:Arial, Helvetica, sans-serif;
	   color:#000000;
	   }

#container { border: solid 1px #CCCCCC;
			 margin: 0 auto;
			 width: 720px;
			 height: 600px;
						   
			 }

#topo { width: auto;
		height: 150px;
		background: #F2F2F2;
		}

#esquerda { height: 400px;
			width: 160px;
			float: left;
			padding: 0px;
			background: #E6E6E6;
			margin-top: 10px;
			
			}
			
#esquerda li{ list-style: none;
			  padding: 5px 0px;
			  display:block;
			  background: #CCCCCC;
			  margin-left: 0px;
			}
			
#esquerda li:hover{ list-style: none;
					display:block;
					background: #EAEAEA;
					margin-left: 0px;
					text-decoration:underline;
								}
			
#esquerda ul{ list-style: none;
			  padding-left: 0px;
			   padding-top: 10px;
				margin-left: 0px;
			}

#direita { height: 400px;
			width: 160px;
			float: right;
			background: #E6E6E6;
			margin-top: 10px;
			
			}
			
#conteudo { margin: 10px 170px;
			height: 400px;
			background:#DBDBDB;
			
			}

</style>





<body>
<div id="container">

	<div id="topo"></div>
	
		
		
	<div id="esquerda">
	<ul>
		<li>. Empresa</li>
		<li>. Serviços</li>
		<li>. Software</li>
		<li>. Downloads</li>
		<li>. Contato</li>
		<li>. Suporte Online</li>
	 </ul>
	
	</div>
	
	<div id="direita"></div>
<div id="conteudo"></div>


</div>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isabel    0

Isabel
Postado

hmmmm!!!

 

ficou 10! xD

10 naum.. mill :)

 

muiiito obrigada!

só que.. os botões do meu tava com animação..

como eu posso fazer agora pra fazer a animação em cima sem que dê algum problema?!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isabel    0

Isabel
Postado

ah.. eh mais uma coisa..

como eu posso colocar o "banner" acima no layout no padrão IE?!

 

desculpa tah te tirando tanto tempo =/

Compartilhar este post

Link para o post
Compartilhar em outros sites

donato    0

donato
Postado

aqui não funcionou, mas coloca ai como vocês colocou antes com o drenwever mesmo, vai sujar o codigo, o problema que de javascript eu não sei quase nada. Lembrando que você pode mudar as cores que eu coloquei, tamanho da fonte, familia tudo ai fácil!!! Se for só visual eu sugiro que não use esse código todo, se for para menu pull down ai você decide!!. abraços

 

todo conteúdo vai dentro de cada div, exemplo o banner

dentro da div topo

 

<body>
<div id="container">

<div id="topo"> [b]BANNER[/b] </div>

E TUDO QUE FOR COLOCAR É DESSA FORMA

<div id="esquerda">
<ul>
<li>. Empresa</li>
<li>. Serviços</li>
<li>. Software</li>
<li>. Downloads</li>
<li>. Contato</li>
<li>. Suporte Online</li>
</ul>

</div>

<div id="direita"></div>
<div id="conteudo"></div>


</div>

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Isabel    0

Isabel
Postado

aaaah! obrigaaaada mesmo ^_^

 

vou testar aqui..

mais o JS dá pra colocar normal aqui?!

 

bom.. acho que vai dar certo sim.. só vou pegar o códico de js eh adicionar respeitando o novo tipo de menu..

Compartilhar este post

Link para o post
Compartilhar em outros sites

donato    0

donato
Postado

Isso ai e como te falei, se for só pra mudar cores, estilo de fonte dá pra fazer pelo css. abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito