Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 .
/applications/core/interface/imageproxy/imageproxy.php?img=http://oscar-aguiar.w.pw/01.png&key=08b3f3a8cc9ee03f603046f752bc87b4f2d5a50eac98de583c92d1ce6bf3aad8" alt="01.png" />
Mas quando faço a diminuição da janela ocorre da seguinte forma .
/applications/core/interface/imageproxy/imageproxy.php?img=http://oscar-aguiar.w.pw/02.png&key=7e34fa61770cc625caf1762bce1ee2f4fe60e30de7be6f22df0ae127b6186d02" alt="02.png" />
Alguem poderia me ajudar com esse probleminha ?
Agradeço desde já a atenção dos amigos que me ajudarem .
Oscar
antes de todo o arquivo CSS reset as configurações das paginas
* {
margin: 0;
padding:0;
}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.
/applications/core/interface/imageproxy/imageproxy.php?img=http://oscar-aguiar.w.pw/03.png&key=dca7c7b4e0d5e6da21a8e7350a1a5f7ebbc0a4a39f68b8163116bef2359cbdd9" alt="03.png" />
O código
/applications/core/interface/imageproxy/imageproxy.php?img=http://oscar-aguiar.w.pw/04.png&key=b1bba1dee33d173b4a130b16c547386cd5863980cae94baa203f9438520af6f9" alt="04.png" />
poste um link para o site, ai poderemos analisar todos os códigos envolvidos.
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></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>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
cara, a sua classe .container tem largura definida para 1170px, qndo estou com 1200px de resolução.
é ela que está limitando a sua DIV.
Quais outros estilos e html tem nessa página ?
vc zerou o body ?
body { margin:0; padding:0; }