Html abre diferente em outras resoluções de monitor

[Pedro.Henrique 0]

Olá galera..

 

Gostaria de saber como que eu faço para o site ficar auto ajustável. tipo quando a resolução for menor ou maior , ele continue "Intacto"

 

fiz esse html http://ideiaa3.atwebpages.com/rodape.html , numa tela de 1440x900 so que quando abre em uma menor ou maior os texto nao ficam no lugar certo..

alguém tem uma ideia ?

 

Agradeço desde já :closedeyes:

[angelorubin 142]

Boa tarde,

 

O que você procura chama-se design responsivo, veja se ajuda - http://tableless.com.br/design-responsivo-na-pratica-do-rascunho-ao-digita/

[Pedro.Henrique 0]

o texto acima ainda não me ajudou , vou ta postando o CSS aqui pra alguém me ajudar , creio que seja simples..
o caso é que os texto estão andando pra direita em outros tipo de resoluções

 

CODE

body { margin: 0; padding:0;}
a { border:0; }
#wrapper2 {
left:50%;
margin-left:-375px; /* metade da largura fictícia */
position:absolute;
width:750px;
}
#wrapper { width:100%px; margin:0 auto; }
#topo { margin:0px 0 0px 0; height:610px;}
#topo div{ width:100%; height:610px; display:block;}
#TextoFaleconosco {
position: absolute;
width: 388px;
height: 105px;
z-index: 100;
left: 255px;
top: -10px;
font-size: 120px;
text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}
#TextoFaleconosco {
font-family: 'Wire One', cursive;
color: #000
}
#AgenciaIdeiaa3 {
position: absolute;
width: 176px;
height: 32px;
z-index: 100;
left: 355px;
top: 542px;
font-size: 26px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
#AgenciaIdeiaa3 {
font-family: 'Oswald', sans-serif;
color: #000
}
#TextoOndeestamos {
position: absolute;
width: 449px;
height: 109px;
z-index: 100;
left: 800px;
top: 403px;
font-size: 120px;
text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}
#TextoOndeestamos {
font-family: 'Wire One', cursive;
color: #000
}
#discricao1 {
position: absolute;
width: 303px;
height: 24px;
z-index: 100;
left: 255px;
top: 100px;
font-size: 26px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
#discricao1 {
font-family: 'Wire One', cursive;
color: #000
}
#discricao2 {
position: absolute;
width: 368px;
height: 28px;
z-index: 100;
left: 255px;
top: 125px;
font-size: 26px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
#discricao2 {
font-family: 'Wire One', cursive;
color: #000
}
#discricao3 {
position: absolute;
width: 349px;
height: 35px;
z-index: 100;
left: 835px;
top: 520px;
font-size: 30px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
#discricao3 {
font-family: 'Wire One', cursive;
color: #fff
}
#discricao4 {
position: absolute;
width: 165px;
height: 30px;
z-index: 100;
left: 860px;
top: 550px;
font-size: 30px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
#discricao4 {
font-family: 'Wire One', cursive;
color: #fff
}
#discricao5 {
position: absolute;
width: 148px;
height: 12px;
z-index: 100;
left: 384px;
top: 572px;
font-size: 11px;
text-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
}
#discricao5 {
font-family: 'Oswald', sans-serif;
color: #000
}
#contatoemail {
position: absolute;
width: 148px;
height: 12px;
z-index: 100;
left: 975px;
top: 172px;
font-size: 33px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}
#contatoemail {
font-family: 'Wire One', cursive;
color: #000
}
#contatofone {
position: absolute;
width: 148px;
height: 12px;
z-index: 100;
left: 1040px;
top: 272px;
font-size: 33px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}
#contatofone {
font-family: 'Wire One', cursive;
color: #000
}
#contatofone2 {
position: absolute;
width: 148px;
height: 12px;
z-index: 100;
left: 1040px;
top: 305px;
font-size: 33px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}
#contatofone2 {
font-family: 'Wire One', cursive;
color: #000
}

 

 

 

DIV

 

<div id='contatofone2''>(77) 9999-9999</div>
<div id='contatofone''>(75) 8888-8888</div>
<div id='contatoemail''>imail@hotmail.com</div>
<div id='discricao5''>pesquisa, estratégia, criatividade</div>
<div id='AgenciaIdeiaa3''>AGÊNCIA IDEIAA3</div>
<div id='discricao4''> - Centro, Utinga-Bahia.</div>
<div id='discricao3''>Rua Régis Pacheco, 01, Escritório. Cep: 46810-000</div>
<div id='discricao1'>Entre em contato conosco, solicite seu orçamento.</div>
<div id='discricao2'>E page pra ver a criatividade e o público tomar conta da ideia.</div>
<div id='TextoOndeestamos'>ONDE ESTAMOS ?</div>
<div id='TextoFaleconosco'>FALE CONOSCO</div>

[Donizeti Junior Ferraz 2]

Olá,

 

Em vez de usar médias fixas como pixels(px) use uma medida relativa, que se alto ajuste a diversos monitores como porcentagem(%). Exemplo, em vez de width:800px; poderia ser width:80%; dessa maneira ele sempre tomaria 80% da tela, não importando o tamanho do monitor.