Ir para conteúdo

POWERED BY:

Arquivado

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

Richard Matheus

Problemas com layout 100%

Recommended Posts

Boa Tarde Galera, meu nome é Richard esse é meu primeiro tópico e estou com uma dúvida!

 

Seguinte estou desenvolvendo esse site: http://www.restaurantepousoalegre.com.br

 

Meu problema é o seguinte, quando entro em monitores menores o background do menu lateral não se repete em y como declarado, mesmo eu colocando o height como 100%.

 

Caso não consigam visualizar o problema é só dar um zoom da tela com SIFT e o + no teclado e rolar a tela para baixo!

 

Se alguem puder me ajudar com uma luz agradeço!

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Poderia postar o CSS? seria de grande ajuda!

 

edit: Cara

 

#nav-box {
    width: 260px;
    background: url("../img/menu-part4.jpg") repeat-y scroll 0% 0% transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    height: 100%;
    box-shadow: 5px 5px 20px rgb(0, 0, 0);}

 

 

height: 100% ... 100% do que?

 

Aconcelho a criar um container

#container {
 width: 260px;
height: 500px; (valor qualquer, mas que seja alto suficiente para 800x600 no mínimo)
}

#nav-box { height: 100%;
}

 

vai criar um espaço oco, e jogar tudo dentro. Você vai pedir 100% desse espaço, mas a percentagem ela só assume valores maiores do total de height, se tiver conteudo para ocupar o espaço. não tendo continua normal, e ja que usas "repeat-y" não imagino problemas. tenta aí.

 

Ps: Não aguentei esperar fiquei fuçando aqui

 

--Hatsuya

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.