Fórum OpenCart Brasil

[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!

[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..)

[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% ?

[paladini]

/\ já descubri, valeu cara =D

Só uma coisa, porque usar o bottom e right agora? E ainda com valores negativos?

[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).

[paladini]

entendi, assim fica mais difícil de os botões/imagens perderem a proporção. Valeu cara, explicou certinho! Abraço.