Problema css com internet explorer (website)

2pac360 · June 19, 2013 at 08:57 AM

Boas sou novo no Portugal-a-programa é nao sei se estou a publicar no sitio certo a minha duvida !

Tirei um cet de desenvolvimento de produtos multimedia e estou na parte do estagio onde como projeto criei um site , so que usei o Adobe Fireworks para fazer o layout é depois o Dreamweaver para inserir o que faltava , so que depois de estar pronto vi que nao dava no internet explorer e que so dava no firefox e chrome.

Alguem tem uma ideia do que possa estar a acontecer ?

Cumps

I-NOZex · June 19, 2013 at 09:22 AM

sim, deixa-te de dreamweaver que isso é um cancro, pega num bom editor de codigo tipo notepad++ e corrige o codigo e completa apartir de la

ps: sem mostrares tambem codigo, nao vais obter respostas muito diferentes da minha 😉

Virneto · June 19, 2013 at 09:46 AM

Eu acho que isto não se relaciona com o teu Dreamweaver (apesar de concordar que o Notepad++ ou gedit ou outro semelhante é de longe muito mais... vamos dizer assim "saudável")

Esta questão provoca-me uma espécie de flashback... 😉

acho que é uma espécie de provação para quem faz o percurso de desenvolver para web que a determinada altura o ie provoque questões como:

-"de onde vieram estas margems??"

-"Que raio se passa com as minhas divs que estão colapsadas??"

-"huhhh?? isto era suposto ser um png??"

- e por fim..."POR QUE RAIO O IE NÃO SE SABE COMPORTAR!!!!!!!!!!"

Para além de outras sugestões que te deixem, e proponho o seguinte:

1 - coloca no teu doctype "IE=edge" para melhorar a renderização feita pelo ie..

2 - pesquisa por cross browser compatibility (podes começar por aqui)

3 - Depois podes ler isto como uma alternativa de resolução do problema

3 - E ainda, podes juntar-te ao clube aqui e também aqui...

Have fun!!! 😉

Edited June 19, 2013 at 09:48 AM by Virneto

2pac360 · June 19, 2013 at 09:51 AM

Eu nao sou nenhum especialista na materia por isso usei o fireworks e o dreamweaver mas mesmo assim nao saiu nada de jeito , mas obrigado por a opiniao vou tentar o notepad com tudo aqui fica o codigo :

Html

<!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" />
			 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
 <!--script src="js/jquery.lint.js" type="text/javascript" charset="utf-8"></script-->
 <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
 <link href="file:///C|/Users/Kevin Martins/Desktop/teste 2/estilo.css" rel="stylesheet" type="text/css" />
 <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

 <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
 <script type="text/javascript" charset="utf-8">
$(document).ready(function(){  
 $("a[rel^='prettyPhoto']").prettyPhoto({
  custom_markup: '<div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1252239" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
  changepicturecallback: function(){ _bsap.exec(); }
 });
});
</script>
<title>MOGAbyte</title>
<script type="text/javascript">
(function(){
  var bsa = document.createElement('script');
	 bsa.type = 'text/javascript';
	 bsa.async = true;
	 bsa.src = '//s3.buysellads.com/ac/bsa.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>
</head>
<body>
<table width="100%%" border="0">
 <tr>
<th scope="col"><table style="display: inline-table; text-align: left;" border="0" cellpadding="0" cellspacing="0" width="1001">
  <!-- fwtable fwsrc="Templeta.fw.png" fwpage="Página 1" fwbase="Index.png" fwstyle="Dreamweaver" fwdocid = "373505303" fwnested="0" -->
  <tr>
	<td><img src="imagens/spacer.gif" width="10" height="1" alt="" /></td>
	<td><img src="imagens/spacer.gif" width="7" height="1" alt="" /></td>
	<td><img src="imagens/spacer.gif" width="1" height="1" alt="" /></td>
	<td><img src="imagens/spacer.gif" width="13" height="1" alt="" /></td>
	<td><img src="imagens/spacer.gif" width="1" height="1" alt="" /></td>
	<td><img src="imagens/spacer.gif" width="8" height="1" alt="" /></td>......

Css:

@charset "utf-8";
.Box {
}
<style type="text/css">

body {
background-image: url(fundo.fw.png);
}td img {display: block;}
{ margin: 0; padding: 0; }
#apDiv1 {
position: absolute;
width: 494px;
height: 367px;
z-index: 1;
top: 2160px;
text-align: center;
}
#apDiv2 {
position: absolute;
width: 397px;
height: 336px;
z-index: 2;
top: 2160px;
/* [disabled]background-color: #3399FF; */
border-color: #4141FF;
visibility: visible;
background-image: url(imagens/Index_r22_c5.png);
}
#apDiv3 {
position: absolute;
width: 193px;
height: 151px;
z-index: 3;
}
#apDiv4 {
position: absolute;
width: 209px;
height: 151px;
z-index: 4;
}
#apDiv5 {
position: absolute;
width: 193px;
height: 152px;
z-index: 5;
}
#apDiv6 {
position: absolute;
width: 193px;
height: 152px;
z-index: 6;
}
#apDiv7 {
position: absolute;
width: 193px;
height: 153px;
z-index: 7;
}
#apDiv8 {
position: absolute;
width: 209px;
height: 151px;
z-index: 8;
}
#apDiv9 {
position: absolute;
width: 193px;
height: 152px;
z-index: 9;
}
#apDiv10 {
position: absolute;
width: 193px;
height: 152px;
z-index: 10;
}
#apDiv11 {
position: absolute;
width: 860px;
height: 404px;
z-index: 11;
top: 304px;
border-color: #4D4DFF;
border
}.Box {
}

Eu acho que isto não se relaciona com o teu Dreamweaver (apesar de concordar que o Notepad++ ou gedit ou outro semelhante é de longe muito mais... vamos dizer assim "saudável")

Esta questão provoca-me uma espécie de flashback... 😉

acho que é uma espécie de provação para quem faz o percurso de desenvolver para web que a determinada altura o ie provoque questões como:

-"de onde vieram estas margems??"

-"Que raio se passa com as minhas divs que estão colapsadas??"

-"huhhh?? isto era suposto ser um png??"

- e por fim..."POR QUE RAIO O IE NÃO SE SABE COMPORTAR!!!!!!!!!!"

Para além de outras sugestões que te deixem, e proponho o seguinte:

1 - coloca no teu doctype "IE=edge" para melhorar a renderização feita pelo ie..

2 - pesquisa por cross browser compatibility (podes começar por aqui)

3 - Depois podes ler isto como uma alternativa de resolução do problema

3 - E ainda, podes juntar-te ao clube aqui e também aqui...

Have fun!!! 😉

Obrigado por a ajuda vou tentar se conseguir resolver digo algo !

Sign In

Problema css com internet explorer (website)

Recommended Posts

2pac360

I-NOZex

Virneto

2pac360

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information