Ir para conteúdo

POWERED BY:

Arquivado

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

kakamit

[Resolvido] Ajuste automatico de rodapé

Por , em Desenvolvimento frontend

Recommended Posts

kakamit    0

kakamit
Postado

Eu tenho uma estrutura que tem uma div geral, aonde fica toda a estrutura dentro.

ai ela tem 1115 de largura, no meu monitor fica correto, mais quando diminuo a resolução cria a barra de rolagem horizontal, como faço para ajustar automatico?

Está ai o HTML e CSS!

 

CSS

@charset "utf-8";
/* CSS Document */
body {
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#geral {
height:850px;
width:1000px;
margin:auto;
}
#topo {
height:175px;
}
#logo {
height:175px;
width:280px;
float:left;
text-align:center;
background-color:#00FF00;
}
#centro {
height:205px;
}
#menu {
height:205px;
width:215px;
float:right;
text-align:center;
background-color:#CC0000;
}
#propagandas {
height:350px;
width:1000px;
clear:both;
text-align:center;
background-color:#FFFF00;
}
#rodape {
height:115px;
width:100%;
text-align:center;
clear:both;
background-color:#990099;
}

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="geral">
  <div id="topo">
    <div id="logo">LOGO</div>
  </div>
  <div id="centro">
    <div id="menu">MENU</div>
  </div>
  <div id="propagandas">PROPAGANDAS</div>
  <div id="rodape">RODAPÈ</div>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

kakamit    0

kakamit
Postado

vlw man, obrigado, conseguir.!

 

CSS

@charset "utf-8";
/* CSS Document */
body {
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#geral {
height:850px;
width:90%;
margin:auto;
}
#topo {
height:175px;
}
#logo {
height:175px;
width:280px;
float:left;
text-align:center;
background-color:#00FF00;
}
#centro {
height:205px;
}
#menu {
height:205px;
width:215px;
float:right;
text-align:center;
background-color:#CC0000;
}
#propagandas {
height:350px;
width:100%;
clear:both;
text-align:center;
background-color:#FFFF00;
}
#rodape {
height:115px;
width:100%;
text-align:center;
clear:both;
background-color:#990099;
}

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="geral">
  <div id="topo">
    <div id="logo">LOGO</div>
  </div>
  <div id="centro">
    <div id="menu">MENU</div>
  </div>
  <div id="propagandas">PROPAGANDAS</div>
  <div id="rodape">RODAPÈ</div>
</div>
</body>
</html>

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