Ir para conteúdo

Arquivado

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

Joao Felix_147210

Ajustar a div do tamanho da tela (width: 100%)

Recommended Posts

Eai pessoal, se puderem me ajudar ficaria muito agradecido ;)

 

Setei uma div com width: 100%, mas ao testar parece que ultrapassou o tamanho da tela, segue a imagem.

 

 

bug_width_css.png?1382212121

Segue as propriedades da div e das imgs na div.

 

#carrousel
{
position: absolute;
top: -200px;
width:100%;
}
#carrousel img
{
width: 100%;
}

 

Gostaria de saber uma forma para deixar uma div do tamanho exato da tela.

 

Obrigado pela ajuda.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta resetar seu CSS e depois verifique se seus arquivos estão com BOM (notepad++ é muito bom pra isso).

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá, Joao.

 

Nesse caso temos 3 possibilidades:

 

1º Ajuste a div para ser o "novo body", lá no CSS, coloque esse código:

 

html,body,#nome_da_div{

width:100%;

}

 

Obs.: a div tem que envolver toda a tag <body> assim:

 

<body>

<div id="nome_da_div"> Conteúdo do Site </div>

</body>

 

2º se você não quiser por nada antepondo essa imagem, sugiro colocar ela como background:

 

#nome_da_div{

background:url('diretório');

}

 

3º Como o andersonseifert falou, pode ser o tamanho da imagem que está configurado errado, então teria que ajustar pra exatamente qual seria o tamanho da tela. Não gosto de gambiarras, mas sempre uso essa:

 

Típico botão direito em qualquer lugar da página>>Inspecionar elemento. Agora procure a tag <body> no código que vai aparecer e ponha o mouse sobre a linha da tag <body> (ou <html>). Na tela, vai aparecer qual o width e qual o height das tags que passar o mouse em cima da linha.

 

Tente essas possibilidades e qualquer coisa, volte a nos contatar. ;D

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.