Página 1 de 1
Largura da página "inteira" - Aumentar largura [Resolvido]
Enviado: 11 Fev 2012, 20:59
por paladini
Eai pessoal, tudo bem?
Eu já sei como aumentar a largura da loja, mas queria saber se não tem uma função para deixar a largura no máximo, independente da resolução que o monitor usa.
O meu cliente quer deixar o layout sem espaços do lado, o problema é que já tá em 1100 a largura, acho que ele muda conforme o monitor. Tem como deixar em "FULL" sempre? Tipo dessa loja aqui:
https://www.pagamentodigital.com.br/site/
E outra, aqui coloquei 1300 de largura e quase ficou tela cheia, só que ficou um espaço gigante à direita sem nada, tipo, só com o background, vejam imagem:
Sabem como arrumar? Valeu galera!
Re: Largua da página "inteira" - Aumentar tamanho da largura
Enviado: 11 Fev 2012, 21:16
por Renato Frota
defina width: 98%; (não use 100% pois a página gera barra de rolagem e os 100% - (menos) o espaço da barra de rolagem fazem surgir barra horizontal)
e altere:
Código: Selecionar todos.duvidas{
bottom: -10px;
right: -2px;
position: absolute;
}
(lembra que eu disse que o código estava certo com "top" e "left" por ter largura fixa? rsrs..)
Re: Largua da página "inteira" - Aumentar tamanho da largura
Enviado: 11 Fev 2012, 22:23
por paladini
tá então em vez de declarar width: 10 milhões eu declaro só width:98% ?
ou eu declaro
width: 10 milhões
width: 98% ?
Re: Largua da página "inteira" - Aumentar tamanho da largura
Enviado: 11 Fev 2012, 22:26
por paladini
/\ já descubri, valeu cara =D
Só uma coisa, porque usar o bottom e right agora? E ainda com valores negativos?
Re: Largura da página "inteira" - Aumentar largura [Resolvid
Enviado: 12 Fev 2012, 00:43
por Renato Frota
Porque o top e o left definem a distância do objeto que você está definindo o CSS em relação à lateral esquerda e ao topo da página.
Se o botão fica à sua direita e você deixa com left, o botão ia ficar estático naquele local na hora que você redimensionasse a janela, então troquei pelo right (volta pra left e redimensiona a janela que você vai entender). Como ele fica à direita da tela, ele deve ser baseado na borda direita! Right -X pixels siginica "X pixels ANTES da borda direita".
O top eu mudei por bottom por que se você trocasse o logo por outro alguns pixels maior ou menor (na altura), o botão ia sair do lugar também. Então baseei ele na linha de baixo do seu header. Assim o topo pode variar de tamanho que o botão se ajusta ao local correto (assim como o redimensionamento da largura da tela baseado na direita).
Re: Largura da página "inteira" - Aumentar largura [Resolvid
Enviado: 12 Fev 2012, 02:31
por paladini
entendi, assim fica mais difícil de os botões/imagens perderem a proporção. Valeu cara, explicou certinho! Abraço.