Ir para conteúdo

POWERED BY:

Arquivado

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

Mauricio Figueiredo

[Resolvido] Falha no código

Por , em Desenvolvimento frontend

Recommended Posts

Mauricio Figueiredo    0

Mauricio Figueiredo
Postado

caros colegas,

 

a empresa onde trabalho contratou uma agência para reformular seu site. Acontece que ficamos insatisfeitos com o trabalho que nos entregaram e acabamos por nos desentender com esta agência. Fui fazer por conta própria uma modificação em uma das páginas (incluir um swf) e acho que acabei detonando o código, que é cheio de div's (não entendo nada de div's nem de iframes). Se puderem indicar onde está a falha, para que a página apareça por inteiro, ficarei muito grato.

 

o link para a página com o problema é este: clique aqui

 

Abraço,

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mauricio Figueiredo    0

Mauricio Figueiredo
Postado

Mas onde está o problema exatamente? E o que você quer dizer com "para que a página apareça por inteiro"?

 

Caro Paulo,

 

Pelo o que eu consegui entender do código, ele trabalha com 03 iframes, um chamado header, um chamado miolo e outro chamado footer. Pois bem, o iframe "miolo" não está aparecendo por inteiro, aparece a frase "A Caltini tem o orgulho de apresentar abaixo alguns dos mais de 100 laboratórios que montamos no Brasil e no exterior nestes últimos 6 anos. São projetos que variam de uma a dezenas de bancadas, todos com clientes satisfeitos com as soluções que foram apresentadas e executadas.", mas não aparece o swf que eu incluí abaixo disto, que são exatamente os laboratórios montados pela empresa.

Preciso que apareça tudo, porque do jeito que está, tá bem ruim....

 

Agradeço se puder ajudar.

 

Abraço,

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

bem primeiro você está usando IFRAME com height=100% isso não funciona muito bem.

outra o FLASH você só colocou a TAG embed faltou a TAG object

 

;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mauricio Figueiredo    0

Mauricio Figueiredo
Postado

bem primeiro você está usando IFRAME com height=100% isso não funciona muito bem.

outra o FLASH você só colocou a TAG embed faltou a TAG object

 

;)

 

E qual seria a melhor maneira para contornar esta situação? O que colocar ao invés do heigth=100% no iframe? E onde exatamente coloco esta tag object??

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

tente aplicar isso ao CSS:

 

html,body{
margin:0;
padding:0;
width:100%;
height:100%;
}
iframe{
width:[LARGURA QUE VOCÊ QUISER DEFINIR];
height:100%;
}

ps.: Defina a largura e altura pelo CSS sempre que possivel

 

abraço ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mauricio Figueiredo    0

Mauricio Figueiredo
Postado

tente aplicar isso ao CSS:

 

html,body{
margin:0;
padding:0;
width:100%;
height:100%;
}
iframe{
width:[LARGURA QUE VOCÊ QUISER DEFINIR];
height:100%;
}

ps.: Defina a largura e altura pelo CSS sempre que possivel

 

abraço ;)

 

Amigo silverfox,

 

desculpe a ignorância, mas não entendi ainda, rsrsrs

 

veja como está o css:

CODE
/* CSS mnka-caltini */

 

* { border: 0px none; padding: 0; margin: 0}

 

body {

margin:auto;

background-color:#F4F5F3;

}

 

p{

text-align:justify;

font-family:Arial, Helvetica, sans-serif;

padding-left:15px;

padding-right:15px;

padding-top:5px;

font-size:12px;

 

}

 

a:link, a:visited{

color: #000033;

text-decoration: none;

}

a:hover{

color:#006633;

}

 

img{

margin:10px;

border:1px solid #CCCCCC;

}

 

h1{

font-family: ATRotisSemiSans-Bold, ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;

font-size:25px;

padding-left:10px;

padding-top:5px;

background-color: #006633;

border-bottom:1px solid #003300;

color:#CCCCCC;

}

 

h2 {

font-size:16px;

color:#000033;

font-family:Arial, Helvetica, sans-serif;

margin-left:15px;

margin-right:15px;

padding-left:5px;

padding-right:5px;

border-bottom:1px solid #000033;

background-color:#E7E9EB;

margin-top:15px;

margin-bottom:15px;

}

 

h5 {

font-size:14px;

color:#000033;

font-family:Arial, Helvetica, sans-serif;

margin-left:15px;

margin-right:15px;

padding-left:5px;

padding-right:5px;

 

margin-top:15px;

margin-bottom:15px;

}

 

/************************************/

/***********titulo pags*************/

 

h3{

font-family: ATRotisSemiSans-Bold, ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;

font-size:21px;

padding-left:50px;

padding-top:5px;

background-color: #C8DBCD;

border-bottom:1px solid #003300;

font-weight:normal;

color: #000033;

margin-top:25px;

margin-bottom:5px;

}

 

h4{

font-family: ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;

font-size:21px;

padding-left:15px;

padding-top:0px;

background-color: #C8DBCD;

border-bottom:1px solid #003300;

font-weight:normal;

color: #000033;

margin-top:0px;

margin-bottom:0px;

}

 

/*fim*/

/****************************************/

 

 

.geral {

width:900px;

margin:auto;

border:1px solid #CCCCCC;

 

}

 

 

#atendimento1

{

width: 385px;

height: 275px;

background-image: url('http://www.caltini.com/images/atendimentonline.jpg');

}

 

 

 

#atendimento2

{

width: 100%;

height: 100%;

}

 

#atendimento2 a

{

display: block;

width: 100%;

height: 100%;

}

 

#atendimento2 img

{

width: 0;

height: 0;

border: 0px none;

}

 

 

 

.header-top{

width:900px;

height:350px;

border-bottom:1px solid #000033;

}

 

.header-top-pgs{

width:900px;

height:225px;

height:225px;!important

border-bottom:1px solid #000033;

}

 

.miolo {

width:900px;

}

 

/*clear*/

.clr{

clear:both;}

 

/********************************************************************************

*/

/*************************************footer*************************************

*/

 

.footer {

height:35px;

}

 

 

/********************************************************************************

*/

/**********************************pagina iframe home****************************/

 

/*.tamanho{

position:relative;

}*/

 

/*******************************************************************************/

/****************************************bts************************************/

 

 

/*bt volta*/

.volta{

font-family:Arial, Helvetica, sans-serif;

font-size:100%;

color:#000033;

font-weight:bold;

text-decoration:none;

text-align:right;

padding-right:25px;

background-color:#9CA7BE;

}

 

.volta a:link {

font-family:Arial, Helvetica, sans-serif;

font-size:100%;

color:#000033;

font-weight:bold;

text-decoration:none;

text-align:right;

padding-right:25px;

}

.volta a:hover{

text-decoration:none;

color:#CCCCCC;

}

 

#tamanho {

margin-top:25px;

border-top:5px solid #CCCCCC;

background-color:transparent;

}

Cara, vou ficar muito agradecido se puder me ajudar.

 

Abraço,

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

segue assim:

* { border: 0px none; padding: 0; margin: 0}

body {
margin:auto;
background-color:#F4F5F3;
}

html,body{
margin:0;
padding:0;
width:100%;
height:100%;
}

iframe{
width:[LARGURA QUE VOCÊ QUISER DEFINIR];
height:100%;
}
...
entendeu?

qualquer coisa volte a postar abraço ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mauricio Figueiredo    0

Mauricio Figueiredo
Postado

segue assim:

* { border: 0px none; padding: 0; margin: 0}

body {
margin:auto;
background-color:#F4F5F3;
}

html,body{
margin:0;
padding:0;
width:100%;
height:100%;
}

iframe{
width:[LARGURA QUE VOCÊ QUISER DEFINIR];
height:100%;
}
...
entendeu?

qualquer coisa volte a postar abraço ;)

Acho que entendi.... mas fiz a mudança no css, coloquei no servidor e nada mudou, continua não mostrando a página inteira....

 

olha como ficou o código após a mudança:

/* CSS mnka-caltini */

* { border: 0px none; padding: 0; margin: 0}

html, body{
margin:0;
padding:0;
width:100%;
height:100%;
}

iframe{
width:900px;
height:100%;
}
p{
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
padding-left:15px;
padding-right:15px;
padding-top:5px;
font-size:12px;

}

a:link, a:visited{
color: #000033;
text-decoration: none;
}
a:hover{
color:#006633;
}

img{
margin:10px;
border:1px solid #CCCCCC;
}

h1{
font-family: ATRotisSemiSans-Bold, ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
font-size:25px;
padding-left:10px;
padding-top:5px;
background-color: #006633;
border-bottom:1px solid #003300;
color:#CCCCCC;
}

h2 {
font-size:16px;
color:#000033;
font-family:Arial, Helvetica, sans-serif;
margin-left:15px;
margin-right:15px;
padding-left:5px;
padding-right:5px;
border-bottom:1px solid #000033;
background-color:#E7E9EB;
margin-top:15px;
margin-bottom:15px;
}

h5 {
font-size:14px;
color:#000033;
font-family:Arial, Helvetica, sans-serif;
margin-left:15px;
margin-right:15px;
padding-left:5px;
padding-right:5px;

margin-top:15px;
margin-bottom:15px;
}

/************************************/
/***********titulo pags*************/

h3{
font-family: ATRotisSemiSans-Bold, ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
font-size:21px;
padding-left:50px;
padding-top:5px;
background-color: #C8DBCD;
border-bottom:1px solid #003300;
font-weight:normal;
color: #000033;
margin-top:25px;
margin-bottom:5px;
}

h4{
font-family: ATRotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
font-size:21px;
padding-left:15px;
padding-top:0px;
background-color: #C8DBCD;
border-bottom:1px solid #003300;
font-weight:normal;
color: #000033;
margin-top:0px;
margin-bottom:0px;
}

/*fim*/
/****************************************/


.geral {
width:900px;
margin:auto;
border:1px solid  #CCCCCC;

}


#atendimento1
{
	width: 385px;
	height: 275px;
	background-image: url('http://www.caltini.com/images/atendimentonline.jpg');
}



#atendimento2
{
	width: 100%;
	height: 100%;
}

#atendimento2 a
{
	display: block;
	width: 100%;
	height: 100%;
}

#atendimento2 img
{
  width: 0;
  height: 0;
  border: 0px none;
}



.header-top{
width:900px;
height:350px;
border-bottom:1px solid  #000033;
}

.header-top-pgs{
width:900px;
height:225px;
height:225px;!important
border-bottom:1px solid  #000033;
}

.miolo {
width:900px;
}

/*clear*/
.clr{
clear:both;}

/********************************************************************************
*/
/*************************************footer*************************************
*/

.footer {
height:35px;
}


/********************************************************************************
*/
/**********************************pagina iframe home****************************/

/*.tamanho{
position:relative;
}*/

/*******************************************************************************/
/****************************************bts************************************/


/*bt volta*/
.volta{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#000033;
font-weight:bold;
text-decoration:none;
text-align:right;
padding-right:25px;
background-color:#9CA7BE;
}

.volta a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#000033;
font-weight:bold;
text-decoration:none;
text-align:right;
padding-right:25px;
}
.volta a:hover{
text-decoration:none;
color:#CCCCCC;
}

#tamanho {
margin-top:25px;
border-top:5px solid  #CCCCCC;
background-color:transparent;
}

 

Alguma outra sugestão???

 

obrigado,

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mauricio Figueiredo    0

Mauricio Figueiredo
Postado

talvez ao inves de HEIGHT=100% seria melhor usar uma altura definida em PIXELS

 

falow ;)

Agora funcionou no IE, mas no FF não está abrindo o Flash..... o que será que pode ser???

 

Obrigado pela atenção....

Compartilhar este post

Link para o post
Compartilhar em outros sites

donato    0

donato
Postado

tente inserir seus flashs assim:

 

 

 

 

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','60','height','54','src','file:flash/header_pgs','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/header_pgs' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="60" height="54">
  <param name="movie" value="flash/header_pgs.swf" />
  <param name="quality" value="high" />
 </object></noscript>
   
	 
  <div class="footer">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','60','height','54','src','file:flash/footer','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/footer' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="60" height="54">
  <param name="movie" value="flash/footer.swf" />
  <param name="quality" value="high" />
 </object></noscript>

 

Essa linha insira na head, é um código que o dreamweaver gera automático para tirar aquele clique a mais que o flash gera no IE

 

<script src="DWConfiguration/ActiveContent/IncludeFiles/AC_RunActiveContent.js" type="text/javascript"></script>

 

Ve ai se resolve

 

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

donato    0

donato
Postado

Puts verdade, tem o js, desconsidere. <_<

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mauricio Figueiredo    0

Mauricio Figueiredo
Postado

Puts verdade, tem o js, desconsidere. <_<

 

caros amigos,

 

resolvido (esvaziei o cache). http://forum.imasters.com.br/public/style_emoticons/default/clap.gif Muitíssimo obrigado. Este fórum é o bicho mesmo.

 

Grande abraço....

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

que bom que resolveu sua duvida ^^

qualquer coisa volte a postar

 

Ps.: para validar sua página (e alem de ficar mais leve) faça o que o Donato falow

aqui tem um link que vai lhe ajudar:

http://www.adobe.com/devnet/activecontent/.../devletter.html

abraço ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Eu tentei acessar o link que você passou, mas não estou conseguindo acessar... O site está fora do ar?

 

Bom, mas de qualquer forma, você colocou assim no código HTML?

<object width="[LARGURA DO SWF]" height="[ALTURA DO SWF]">
	<param name="movie" value="[NOME DO ARQUIVO].swf"></param>
	<param name="wmode" value="transparent"></param>
	<embed src="[NOME DO ARQUIVO].swf" type="application/x-shockwave-flash" wmode="transparent" width="[LARGURA DO SWF]" height="[ALTURA DO SWF]"></embed>
</object>
Lembrando que inserir Flash diretamente pelo HTML não é recomendado pelo W3C, e se for utilizar um Doctype XHTML 1.0 Strict, por exemplo, sua página não é validada devido à tag <embed>...

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