Jump to content
2pac360

Problema css com internet explorer (website)

Recommended Posts

2pac360

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

Share this post


Link to post
Share on other sites
I-NOZex

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 ;)


B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net

Share this post


Link to post
Share on other sites
Virneto

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 by Virneto

"Que inquieto desejo vos tortura, Seres elementares, força obscura? Em volta de que ideia gravitais?" >> Anthero de Quental

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Linuxando.com | ...

Share this post


Link to post
Share on other sites
2pac360

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 !

Edited by Rui Carlos

Share this post


Link to post
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

×
×
  • 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.