- Postagens: 103
- Obrigados Recebidos: 0
CSS SITE TELA CHEIA
- UDS
- Autor do Tópico
- Offline
- JCB! Senior
Menos
Mais
12 anos 10 meses atrás #52222
por UDS
UDS created the topic: CSS SITE TELA CHEIA
DÚVIDA:
Meu cliente tem este site: [url=http://www.finaestampa.com.br" onclick="window.open(this.href);return false;]http://www.finaestampa.com.br[/url] e este quer que o site fique full Screem , tela cheia em qualquer monitor/resolução de tela.
Reparem que ele está pequeno.
O código da index.asp está assim:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!--#include file="include/funcoes.asp"-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " www.w3.org/TR/html4/loose.dtd"> ;
<html>
<head>
<title>Finaestampa</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilos.css" rel="stylesheet" type="text/css">
<script language="Javascript">
<!--
function autoResize(id)
{
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentwindow.document.body.scrollHeight;
newwidth=document.getElementById(id).contentwindow.document.body.scrollWidth;
}
document.getElementById(id).height=(newheight) + "px";
document.getElementById(id).width=(newwidth) + "px";
var obj = document.getElementById("colunamenu").getAttribute("height");
document.getElementById("colunamenu").setAttribute("height",parseInt(newheight));
}
function x()
{
autoResize('centro');
}
//-->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top:0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {font-size: 10px}
-->
</style></head>
<body>
<table width="200" align="center" cellpadding="0" cellspacing="0" style="border-color: #666666; border-style: solid; border-width:1px">
<tr>
<td bordercolor="#000000"><table width="748" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><!--#include file="topo.asp"-->
<table width="748" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150">
<!--#include file="coluna.asp"-->
</td>
<td width="700" valign="top"><iframe name="centro" id="centro" frameborder="0" scrolling="no" src="<%= Src %>" width="100%" height="100%" onload="autoResize('centro');"></iframe></td>
</tr>
<tr background="Imagens/rodape.jpg">
<td height="28" background="Imagens/rodape.jpg" colspan="2"><div align="center" class="style1"> © <%= year(now)%> fina<strong>estampa</strong> - Todos os direitos reservados - Desenvolvido por FreeJobs</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
E O CSS ESTÁ ASSIM:
#lojatext{
float:left;}
#baixo{
width: 1200px;
height: 28px;
/*border: solid 1px #000000; /*estilo, tamanho e cor da borda (pra ficar mais fácil a visualização*/
position: absolute;
padding-left:400px;
background-image:url(Imagens/rodape.jpg) no-repeat;
}
a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
.mlink
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; !important;
color: #666666;
text-decoration: none
}
table
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666
}
.td
{
font-size: 6pt;
color: #666666
}
select
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
background-color:
#ffffff;
border: 1px solid #cccccc;
clip: rect( )
}
input
{
font-family: arial;
color: #999999;
text-decoration: none;
border: 1px solid #cccccc;
font-size: 11px;
}
.button
{
font-family: arial;
color: #333333;
text-decoration: none;
border: 1px solid #cccccc;
font-size: 11px;
}
textarea {
font-family: arial;
color: #999999;
text-decoration: none;
border: 1px solid #cccccc;
font-size: 11px;
}
.link
{
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
}
Meu cliente tem este site: [url=http://www.finaestampa.com.br" onclick="window.open(this.href);return false;]http://www.finaestampa.com.br[/url] e este quer que o site fique full Screem , tela cheia em qualquer monitor/resolução de tela.
Reparem que ele está pequeno.
O código da index.asp está assim:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!--#include file="include/funcoes.asp"-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " www.w3.org/TR/html4/loose.dtd"> ;
<html>
<head>
<title>Finaestampa</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilos.css" rel="stylesheet" type="text/css">
<script language="Javascript">
<!--
function autoResize(id)
{
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentwindow.document.body.scrollHeight;
newwidth=document.getElementById(id).contentwindow.document.body.scrollWidth;
}
document.getElementById(id).height=(newheight) + "px";
document.getElementById(id).width=(newwidth) + "px";
var obj = document.getElementById("colunamenu").getAttribute("height");
document.getElementById("colunamenu").setAttribute("height",parseInt(newheight));
}
function x()
{
autoResize('centro');
}
//-->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top:0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {font-size: 10px}
-->
</style></head>
<body>
<table width="200" align="center" cellpadding="0" cellspacing="0" style="border-color: #666666; border-style: solid; border-width:1px">
<tr>
<td bordercolor="#000000"><table width="748" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><!--#include file="topo.asp"-->
<table width="748" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150">
<!--#include file="coluna.asp"-->
</td>
<td width="700" valign="top"><iframe name="centro" id="centro" frameborder="0" scrolling="no" src="<%= Src %>" width="100%" height="100%" onload="autoResize('centro');"></iframe></td>
</tr>
<tr background="Imagens/rodape.jpg">
<td height="28" background="Imagens/rodape.jpg" colspan="2"><div align="center" class="style1"> © <%= year(now)%> fina<strong>estampa</strong> - Todos os direitos reservados - Desenvolvido por FreeJobs</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
E O CSS ESTÁ ASSIM:
#lojatext{
float:left;}
#baixo{
width: 1200px;
height: 28px;
/*border: solid 1px #000000; /*estilo, tamanho e cor da borda (pra ficar mais fácil a visualização*/
position: absolute;
padding-left:400px;
background-image:url(Imagens/rodape.jpg) no-repeat;
}
a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
.mlink
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; !important;
color: #666666;
text-decoration: none
}
table
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666
}
.td
{
font-size: 6pt;
color: #666666
}
select
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
background-color:
#ffffff;
border: 1px solid #cccccc;
clip: rect( )
}
input
{
font-family: arial;
color: #999999;
text-decoration: none;
border: 1px solid #cccccc;
font-size: 11px;
}
.button
{
font-family: arial;
color: #333333;
text-decoration: none;
border: 1px solid #cccccc;
font-size: 11px;
}
textarea {
font-family: arial;
color: #999999;
text-decoration: none;
border: 1px solid #cccccc;
font-size: 11px;
}
.link
{
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
}
Please Entrar ou Registrar to join the conversation.
- renesarli
- Offline
- JCB! Junior
Menos
Mais
- Postagens: 73
- Obrigados Recebidos: 0
- edyonil
- Offline
- JCB! Master
12 anos 10 meses atrás #52226
por edyonil
[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...
edyonil replied the topic: Re: CSS SITE TELA CHEIA
Amigo. Para fazer isso não é tão complicado. Contudo vai exigir um bom conhecimento de sua parte em CSS e Html.
Primeira coisa que eu faria era a migração do site para as Regras Tableless. Hoje ele está todo em tabela. E isso é ruim por diversos motivos que não vale apenas detalhar.
Parece que ele carrega frames, e isso tb é ruim. To achando que a ideia do camarada ai em cima é boa.
Primeira coisa que eu faria era a migração do site para as Regras Tableless. Hoje ele está todo em tabela. E isso é ruim por diversos motivos que não vale apenas detalhar.
Parece que ele carrega frames, e isso tb é ruim. To achando que a ideia do camarada ai em cima é boa.
[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...
Please Entrar ou Registrar to join the conversation.
- ESPECIALISTA SITE
- Offline
- JCB! Novato
Menos
Mais
- Postagens: 1
- Obrigados Recebidos: 0
12 anos 9 meses atrás #52321
por ESPECIALISTA SITE
ESPECIALISTA SITE replied the topic: Re: CSS SITE TELA CHEIA
CARO AMIGO! <!-- w -->[url=http://WWW.FINAESTAMPA.COM.BR" onclick="window.open(this.href);return false;]WWW.FINAESTAMPA.COM.BR[/url]<!-- w -->
ESSE SEU SITE TRABALHA EM TABELAS CERTO? Isso é ruim!!!!!!!
COLOQUE NA CABEÇA DE SEU CLIENTE , QUE PARA FAZER ISSO VOCÊ TERÁ QUE FAZER TODO SITE DE NOVO.. SEM PROBLEMAS.. VI EM OUTROS POSTS QUE VOCÊ SABE E FAZ LEGAL ISSO.
Enfim, esse site: <!-- w -->[url=http://WWW.FINAESTAMPA.COM.BR" onclick="window.open(this.href);return false;]WWW.FINAESTAMPA.COM.BR[/url]<!-- w --> NÃO VALE A PENA E NÃO DA PARA DEIXA-LO EM FULL SCRENN POR QUÊ ELE É TABELADO. REFAÇA O SITE DO ZERO!
ABRAÇOS
ANDERSON.
ESSE SEU SITE TRABALHA EM TABELAS CERTO? Isso é ruim!!!!!!!
COLOQUE NA CABEÇA DE SEU CLIENTE , QUE PARA FAZER ISSO VOCÊ TERÁ QUE FAZER TODO SITE DE NOVO.. SEM PROBLEMAS.. VI EM OUTROS POSTS QUE VOCÊ SABE E FAZ LEGAL ISSO.
Enfim, esse site: <!-- w -->[url=http://WWW.FINAESTAMPA.COM.BR" onclick="window.open(this.href);return false;]WWW.FINAESTAMPA.COM.BR[/url]<!-- w --> NÃO VALE A PENA E NÃO DA PARA DEIXA-LO EM FULL SCRENN POR QUÊ ELE É TABELADO. REFAÇA O SITE DO ZERO!
ABRAÇOS
ANDERSON.
Please Entrar ou Registrar to join the conversation.
- himler
- Offline
- JCB! Colaborador
12 anos 9 meses atrás #52335
por himler
Himler / Programador
____________________________
[url=http://www.wbh.com.br/:2ejg6wzl]Criação de Sites[/url:2ejg6wzl]
himler replied the topic: Re: CSS SITE TELA CHEIA
Melhor refazer do Zero com um Belo template aqui do Joomla Clube !
Himler / Programador
____________________________
[url=http://www.wbh.com.br/:2ejg6wzl]Criação de Sites[/url:2ejg6wzl]
Please Entrar ou Registrar to join the conversation.