Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Carregando comentários...