Página problemas de layout

votos
3

Por favor, deixe-me saber porque é que há muito espaço em branco abaixo o conteúdo da página e também porque barra de rolagem horizontal é exibida. Colocar link para pasta zip abaixo. Descompacte e abra index.html.
Texto do link

Publicado 10/12/2008 em 08:58
fonte usuário
Em outras línguas...                            


3 respostas

votos
1

Primeira vantagem:

A regra div#contentquase funciona no IE, e não colocar largura extra no Firefox:

A largura extra é aplicada à sua classe div " content"

div#content { margin: 3px 3px 3px 188px; background: rgb(255, 255, 255) none 
    repeat; min-height: 392px; }

dentro da classe div " container"

div#container { margin: auto; padding: 10px; background: rgb(255, 255, 255) 
   none repeat; position: relative; min-height: 400px; 
   max-width: 100%; min-width: 750px; }

barra de rolagem horizontal é exibida é para o 188px adicionado à direita do conteúdo. Claro, eles precisam ficar: não removê-los.

adicionar overflow: hidden; à sua div#containerregra css

Em uma nota mais geral, você pode querer seguir o "Progressive Enhancement com CSS" melhores práticas e separar suas regras CSS em vários arquivos (até implantação real em produção, onde você pode se reagrupar e comprimir todas as suas regras CSS em um apertado Arquivo)

Respondeu 10/12/2008 em 09:31
fonte usuário

votos
0

Para barra de rolagem que VonC sugerido é correta enquanto o "monte de espaço em branco abaixo o conteúdo da página" deve-se: 'min-height' que especificou. Você pode usar o atributo de "auto" para que em vez de especificar pixels

Em relação a: "Quando eu adicionar overflow: auto; ele dá um outro conjunto de barras de rolagem para dentro." .. Por este add overflow: auto para todos os divs que você usou

Respondeu 10/12/2008 em 14:42
fonte usuário

votos
0

VonC é certo. Adicionar overflow: hidden; para Div # regra recipiente. Linha 274 de index.css.

Respondeu 10/12/2008 em 12:15
fonte usuário

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