Ir para conteúdo

POWERED BY:

Arquivado

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

Rafael Rezende

Deixar layout ajustavel em todas as resoluções de tela

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

Rafael Rezende    0

Rafael Rezende
Postado

Pessoal estou com um problema, como eu faço para deixar um site ajustavel em todas as telas como é um site de apenas uma pagina as imagens inseri numa tabela e o texto fiz com css e é ela q esta desalinhando, pois qdo visualizo na minha tela fica perfeito mas qdo muda a resolução para 1024x768 fica td desalinhado, como eu arrumo isso?

 

Segue o css q usei

 

#apDiv1 {

position:absolute;

left:220px;

top:179px;

}

#texto1 {

color: #FFF;

font-family: arial;

font-size: 20px;

}

#apDiv2 {

position:absolute;

left:330px;

top:273px;;

}

#texto2 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv3 {

position:absolute;

left:330px;

top:740px;

}

#texto3 {

color: #000;

font-family: arial;

font-size: 24px;

font-weight: bold;

}

#apDiv4 {

position:absolute;

left:330px;

top:780px;

}

#texto4 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv5 {

position:absolute;

left:550px;

top:850px;

}

#texto5 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv6 {

position:absolute;

left:330px;

top:970px;

}

#texto6 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv7 {

position:absolute;

left:550px;

top:1050px;

}

#texto7 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv8 {

position:absolute;

left:330px;

top:1170px;;

}

#texto8 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv9 {

position:absolute;

left:550px;

top:1235px;

}

#texto9 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv10 {

position:absolute;

left:330px;

top:1370px;

}

#texto10 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv11 {

position:absolute;

left:550px;

top:1450px;

}

#texto11 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv12 {

position:absolute;

left:330px;

top:1580px;

}

#texto12 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv13 {

position:absolute;

left:550px;

top:1660px;

}

#texto13 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv14 {

position:absolute;

left:330px;

top:1760px;

}

#texto14 {

color: #000;

font-family: arial;

font-size: 20px;

}

#apDiv15 {

position:absolute;

left:550px;

top:1940px;

}

#texto15 {

color: #e41614;

font-family: arial;

font-size: 24px;

}

 

 

e o HTML

 

 

<html>

<head>

<title>Abaeter - Locação de equipamentos para terraplanagem.</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

 

<link rel="stylesheet" href="css/geral.css" type="text/css" media="all" />

 

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="geral">

<div id="apDiv1">

<div id="texto1"> Av. Elisio Cordeiro de Siqueira, 448 - Jd. Santo Elias - Pirituba. - Fone: 3644-4094 Cel: 9912-1401/9895-4040 </div></texto1>

</div>

<div id="apDiv2">

<div id="texto2"> A Abaeter Locação de mini-carregadeira, é uma empresa com experiência no ramo há <br />

mais de 10 anos, com experiência e sempre respeitando as normas do meio ambiente.<br />

<br />

Procuramos nos diferenciar pelo atendimento, qualquer que seja o serviço a ser<br />

executado por nós, temos a intenção de resolve-lo, com força de vontade e dedicação,<br />

se preciso trabalhamos 24 horas por dia, sempre com segurança para realizar um otimo<br />

serviço.

<br />

<br />

Trabalho nas regiões:<br />

São Paulo, Grande São Paulo, Osasco, Carapicuiba, Barueri, Taboão etc. </texto2></div> </div>

<div id="apDiv3">

<div id="texto3">- Serviços no qual executamos:</texto3></div> </div>

<div id="apDiv4">

<div id="texto4">- Locação de mini-carregadeira, Bob Cat, sem esteira e com esteira;</texto5></div> </div>

<div id="apDiv5">

<div id="texto5">Trabalhamos com locações por hora, por dia, ou por mês, <br />

depedendo da necessidade do nosso cliente.</texto5></div> </div>

<div id="apDiv6">

<div id="texto6">- Transportes internos de materias com pouca altura e espaço para movimentação;</texto6></div> </div>

<div id="apDiv7">

<div id="texto7">Equipamento ideal para serviços construções subterraneas,<br />

predios, ou contruções que tenha pouco espaço para <br />

movimentação.</texto7></div> </div>

<div id="apDiv8">

<div id="texto8">- Nivelamento de terrenos;</texto8></div> </div>

<div id="apDiv9">

<div id="texto9">Equipamento usado para nivelar terrenos que não possa ter<br>

muita vibração e barulhos, como por exemplo em<br>

condominios fechados, e centros comerciais.</texto9></div> </div>

<div id="apDiv10">

<div id="texto10">- Limpeza de terrenos;</texto10></div> </div>

<div id="apDiv11">

<div id="texto11">Limpamos terrenos, sem muitos estragos a muros e portões,<br>

com facil manuseio, e agilidade e rapidez na execução.</texto11></div> </div>

<div id="apDiv12">

<div id="texto12">- Carregamento de caminhões;</texto12></div> </div>

<div id="apDiv13">

<div id="texto13">Carregamos e transportamos terra e entulho, com autorização<br>

do meio-ambiente, sendo em terrenos, obras subterraneas etc.</texto13></div> </div>

<div id="apDiv14">

<div id="texto14">Medidas da mini carregadeira:<br>

Equipamento de pequeno porte com 1,58 m de largura, 1,96 de altura, 2,78 m de <br>

altura ao levantar a caçamba na altura maxima.</texto14></div> </div>

<div id="apDiv15">

<div id="texto15">Av. Elisio Cordeiro de Siqueira, 448 - Jd. Santo Elias<br>

Pirituba. - Fone: 3644-4094 Cel: 9912-1401/9895-4040</texto15></div> </div>

</div>

</div>

<div align="center">

 

<table id="Tabela" width="1024" height="2064" border="0" cellpadding="0" cellspacing="0">

<tr>

<td height="202"><img src="images/site_01.gif" alt="" width="1024" height="202" border="0"></td>

</tr>

<tr>

<td height="521"><img src="images/site_02.gif" alt="" width="1024" height="521" border="0"></td>

</tr>

<tr>

<td height="1165"><img src="images/site_03.gif" alt="" width="1024" height="1165" border="0"></td>

</tr>

<tr>

<td height="176"><img src="images/site_04.jpg" alt="" width="1024" height="176" border="0"></td>

</tr>

</table>

 

</div>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito