Ir para conteúdo

Arquivado

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

jacare87

Tamanho diferentes em páginas

Recommended Posts

Olá . sei que esse nao é o lugar to topico mas to disisperaddo.

Eu criei um site no dreamwaver.

O site no meu pc fika assim :

23j366s.jpg

Já no pc do meu amigo fika assim :

2i0rau.jpg

pq isso acontece? como arruma? vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

veja a informação da própria foto no post

foto 1:

Redimensionado para 64% (de 1024 x 738)

foto 2:

Redimensionado para 46% (de 1440 x 900)

 

a resolução do monitor é diferente, isso é normal

qual é a duvida exata?

Compartilhar este post


Link para o post
Compartilhar em outros sites
jana segunda imagem fika sobrando espaço no lado direitos (Onde tem as nuvens)

Exatamente pelo que o colega acima falou, as resoluções são diferentes.

É complicado criar uma página que se ajuste à qualquer resolução, minha sugestão é que você somente alinhe o conteúdo ao centro.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Exatamente pelo que o colega acima falou, as resoluções são diferentes.

É complicado criar uma página que se ajuste à qualquer resolução, minha sugestão é que você somente alinhe o conteúdo ao centro.

 

e como eu alinho ao centro??

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pra começar, você precisa criar um elemento (sugiro uma div) que englobe todos os outros elementos da página.

Dê um ID para ela, depois, no CSS:

div#ID_DA_DIV {
width: 1000px; /* tamanho fixo */
margin: 0 auto;
}

 

Além disso, você está posicionando todos os elementos com position: absolute, isso é ruim :P.

Recomendo que assista essas video-aulas:

:seta: http://henriquebarcelos.in/blog/category/outras-linguagens/css/

Compartilhar este post


Link para o post
Compartilhar em outros sites
tem como eu dexa a msms rezolução do dele? meu pc e windowns xp

Não cara, isso aí é recurso de hardware, você precisa de um monitor e uma placa de vídeo que tenham suporte a essa resolução...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não cara, isso aí é recurso de hardware, você precisa de um monitor e uma placa de vídeo que tenham suporte a essa resolução...

Ta cara valew

 

Henrique vi suas 6 aula , E eu gostei Muito.

Mas o q eu quero saber sse tipo.

 

Tem como eu alinhar tudo no <body>?

 

Ex (<body align="center">) ai tuodo q tiver no corpo fika centralizado?

VLW

Compartilhar este post


Link para o post
Compartilhar em outros sites
Ex (<body align="center">) ai tuodo q tiver no corpo fika centralizado?

Não funciona

A div que englobe que você fala e uma div "mãe?"

Exato... Crie uma div que esteja um nível acima de todas as divs da página e aplique a formatação que eu indiquei...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não funciona

 

Exato... Crie uma div que esteja um nível acima de todas as divs da página e aplique a formatação que eu indiquei...

Ex (<body align="center">) ai tuodo q tiver no corpo fika centralizado?

 

Sim eu sei que nao vai finciona , mas tem como??

_______

Henrique você faz Engenharia da Computação, Isso seria msm coisa que ciencia da computação ou ñ?

Compartilhar este post


Link para o post
Compartilhar em outros sites
Sim eu sei que nao vai finciona , mas tem como??

_______

Henrique você faz Engenharia da Computação, Isso seria msm coisa que ciencia da computação ou ñ? Sim eu sei que nao vai finciona , mas tem como??

 

O melhor jeito é fazer como eu falei... não é tão complicado... deixa de preguiça :P...

Bota uma DIV aí englobando tudo e adicione aquele CSS.

 

Quanto ao curso, NÃO é a mesma coisa. Mas aqui não é o lugar para discutirmos isso... B)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara nao ta alinhando fiz o que vo mando ola

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

#mae {
width:1000px;
margin:0 auto;
}

#topo {
position:absolute;
left:18px;
top:33px;
width:577px;
height:75px;
z-index:1;
background-color: #66FF66;
}
#menu {
position:absolute;
left:19px;
top:109px;
width:140px;
height:376px;
z-index:2;
background-color: #00CCFF;
}
#conteudo {
position:absolute;
left:161px;
top:109px;
width:322px;
height:377px;
z-index:3;
background-color: #99CC00;
}
#publicidade {
position:absolute;
left:482px;
top:107px;
width:113px;
height:381px;
z-index:4;
background-color: #006633;
}
</style>
</head>

<body>
<div id="mae">
<div id="topo"></div>
<div id="menu"></div>
<div id="conteudo"></div>
<div id="publicidade"></div>
</div>
</body>
</html>

 

 

E olha como fika :

rap62v.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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