Posicionamento da Div 100% width .

[oscarcomics 0]

Olá pessoal ,

Por favor alguem me ajude ... eu estou iniciando em css e html .

Mas quando eu coloco a Div width 100% e com a janela no tamanho normal ela fica beleza .

Mas quando eu diminui o tamanho da janela , a div fica com 2 faixas brancas e e nao fica 100% .

 

Alguem consegue me ajudar a solucionar esse problema ?

 

 

o codigo css .

 

#fundo {

background-color:#f1f1f1;

position:relative;

width:100%;

height:80px;

}

<div id="fundo"></div>

Agradeço a quem puder me ajudar .

[Maujor 144]

As CSS nativas do navegador definem uma margem inicial para o elemento body.
Aquele espaço é a margem. Para se livrar dela declare:

 

 

body {margin: 0;}

[Wanderson Valerio 102]

É bom você ler sobre CSS Reset...

Faça o seguinte no seu CSS:

 

 

* {margin: 0; padding: 0;}

 

Isso vai resetar os valores padrão do navegador, irá se aplicar para todos os elementos (*), vai retirar a margem e o espaçamento interno do box model...

[andersonseifert 10]

 

Olá pessoal ,

Por favor alguem me ajude ... eu estou iniciando em css e html .

Mas quando eu coloco a Div width 100% e com a janela no tamanho normal ela fica beleza .

Mas quando eu diminui o tamanho da janela , a div fica com 2 faixas brancas e e nao fica 100% .

 

Alguem consegue me ajudar a solucionar esse problema ?

 

 

o codigo css .

 

#fundo {

background-color:#f1f1f1;

position:relative;

width:100%;

height:80px;

}

<div id="fundo"></div>

Agradeço a quem puder me ajudar .

Amigo utilize o que o Wanderson disse ou pode usar isso também resolve :

 

 

 

<style>

 

*{ }

 

</style>