Ir para conteúdo

Arquivado

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

oscar009

Como colocar a div widht 100% ao diminuir o tamanho da janela ?

Por , em Desenvolvimento frontend

Recommended Posts

oscar009    0

oscar009
Postado

Olá pessoal ,

Eu sou inciante em html e css , e estou com a seguinte questao para resolver .

Fiz uma div no css como no código abaixo.

 

#fundo {

background-color:#f1f1f1;

position:absolute;

width:100%;

height:60px;

}

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

 

Quando eu faço a visualização dessa pagina em tela maximilizada fica 100% , mas quando eu diminui o tamanho da janela , a div não fica 100% . como mostro nas imagens abaixo .

 

01.png

 

 

Mas quando faço a diminuição da janela ocorre da seguinte forma .

 

02.png

 

Alguem poderia me ajudar com esse probleminha ?

 

Agradeço desde já a atenção dos amigos que me ajudarem .

Oscar

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Quais outros estilos e html tem nessa página ?

 

vc zerou o body ?

body { margin:0; padding:0; }

Compartilhar este post

Link para o post
Compartilhar em outros sites

oscar009    0

oscar009
Postado

Olá pessoal ,

 

Obrigado pela ajuda , porém ainda não resolveu o problema .

parece que a margem ficou maior e ainda continua essa maldita padding na lateral .

Será porque estou usando no bootstrap ?

 

abaixo as imagens dos codigos inseridos e o resultado.

 

03.png

 

 

O código

 

04.png

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

poste um link para o site, ai poderemos analisar todos os códigos envolvidos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

AndrePls    6

AndrePls
Postado

Editando aqui, na forma que eu postei tinha alguns errinhos, para funcionar, basta colocar na sua div menu o min-width

 

<!DOCTYPE HTML>
<html>
<head>
<title>Menu</title>
<meta charset="UTF-8" />
<style>
body{}
*{margin: 0; padding:0;}
nav{min-width:950px; height:45px; background-color:#E5E5E5;}
p{float:left; margin:12px 10px; white-space: nowrap;}
img{float:right;}
</style>
</head>
<body>
	<nav>
		<p>Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left, Left</p>
		<img src="http://www.parmaja.com/downloads/projects/firebirdlogo/logo-32x32.png" />
	</nav>
</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

oscar009    0

oscar009
Postado

Ah , já desisti ....

vou comprar um template e tentar colocar o site no ar ... ( chega de quebrar a cabeça com códigos ).

Obrigado a todos pessoal ..

 

 

o site esta no seguinte endereço . www.oscar-aguiar.w.pw

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara, a sua classe .container tem largura definida para 1170px, qndo estou com 1200px de resolução.

 

é ela que está limitando a sua DIV.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito