CSS 100% bug altura

votos
2

Quando eu redimensionar a janela e quando a barra de rolagem vertical aparece, se eu deslocá-lo até o fundo, - as quebras de fundo. Eu não entendo porque, mas eu acho que tem algo a ver com a maneira como página utiliza 100% de altura. Qualquer ajuda seria apreciada!

Aqui está a página: zxsdesign.com/main1.html

Aqui está uma imagem

zxsdesign.com/bug1.PNG http://zxsdesign.com/bug1.PNG

Publicado 19/05/2009 em 15:29
fonte usuário
Em outras línguas...                            


4 respostas

votos
2

É uma mistura de vocês usando o CSS heightpropriedade e posicionamento absoluto. AJM tem falado sobre o uso min-height- de preferência, você deve usá-lo em vez de heightquando você faz as coisas 100% de alta.

Para o seu outro problema. Quando você posicionar elementos absolutamente, eles não são mais parte da estrutura da página. Em vez disso, eles vivem em um plano separado, e assim não afetam as dimensões da página. Quando suas <div id="flashcontent">corridas além do limite da janela, ela não afeta <body>'s fronteiras.

Você pode corrigir isso por não usar position: absolute. Não há nenhuma necessidade real para. Em vez disso, você pode posicionar o #flashcontentelemento normalmente, e se livrar do #bgelemento completamente - apenas dar #flashcontentum fundo em seu lugar. Em seguida, use margin: 0 auto;e padding-top: 179px;para posicioná-la no lugar correto.

Respondeu 19/05/2009 em 15:52
fonte usuário

votos
0

Sua página é inteiramente baseado em utilizando a altura de 100% para todos os seus elementos. Se janela do navegador do usuário é grande o suficiente, tudo bem; no entanto, se redimensionar seu navegador para ser pequeno o suficiente, sua página será 100% do que a altura menor e as coisas vão cair fora do fundo.

Olhar para a criação de um min-height em um dos seus elementos de contêiner. Isso vai forçar as coisas para parar o redimensionamento se a janela do navegador cai abaixo dessa altura. Ou, você pode definir uma altura velho liso grande o suficiente para conter o seu pedaço de flash em um de seus itens recipiente e deixe os outros herdar isso.

E, desde que o IE6 não suporta min-height (FF2 +, IE7, Safari todos fazem), você vai precisar cortá-lo em como isso.

Respondeu 19/05/2009 em 15:39
fonte usuário

votos
0

Altura de 100% é uma altura da tela. Se você vá para cima, ele cobre 100% da altura. Faça seus blocos de escala também, ou pelo menos mover para o centro da tela. Você pode fazer isso definindo o seu preenchimento superior e inferior para auto.

Além disso, a sua marca de cabeça não está bem fechada. Verifique este

Respondeu 19/05/2009 em 15:36
fonte usuário

votos
0

Infelizmente altura: 100%; é implementado de forma diferente ... Você não pode ter certeza que um navegador faz o que você quer quando você usá-lo.

Tente usar clear: left; ou clear: both; em seu estilo.

Respondeu 19/05/2009 em 15:36
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more