Ir para conteúdo

Arquivado

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

Carcleo

posicionamentoi de rodapé

Por , em Desenvolvimento frontend

Recommended Posts

Carcleo    4

Carcleo
Postado

Pessoal,

 

Tenho o body abaixo na minha pagina;

<?php 
 session_start();
 header  ("Content-Type: text/html; charset=utf-8"); 
 include ("global/config/conexao.php");
 include ("global/config/constantes.php"); 
 include ("global/funcoes_php/foto_exibe.php");
?>
<!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>
<title><?php echo titulo_empresa;?></title>
<?php  include ("global/config/campos_meta.php"); ?>
 <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
 <link rel="stylesheet" type="text/css" href="global/config/body.css" /></link>
 <link rel="stylesheet" type="text/css" href="global/config/menu.css" /></link>
</head>
<body>
<div id="tudo">
 <div id="topo_carrinho"><?php include("topo_carrinho.php");   ?></div>
 <div id="topo_menu"><?php include("topo_menu.php");   ?></div>
 <div id="banner"><?php include("banner.php");   ?></div>
 <div id="lateral_menu"><?php include("lateral_menu.php");   ?></div>
 <div id="conteudo"><?php include("index_conteudo.php");   ?></div><br /><br />
 <div id="base"><?php include("base.php");   ?></div>
</div>
</body>
</html>

O problema é que a div rodapé não estou conseguindo fazer ela ficar embaixo.

 

O posicionamento das divs é a seguinte:

 

topo_carrinho em cima de tudo

topo_menu abaixo de topo_carrinho

banner abaixo do topo_menu

lateral_menu abaixo de banner e do lado esquerdo

conteudo abaixo de banner e do lado direito

base em baixo de tudo

 

até banner deu tudo certo.

O lateral_menu e o conteudo tambem.

O problema é que a base ficou do lado direito e abaixo do menu

 

O que eu faço?

 

Segue meu css:

* {	
   margin:0;
   padding:0;
}
body 
{
background-image: url(../../img/fundo.png);
background-repeat:no-repeat;
background-position:top;
}

#tudo 
{
position:absolute;
width:1000px;
left:50%;
margin-left:-500px;
}

img {
border:none;
}

hr {
display:none;
}

input[type="text"], 
input[type="submit"], 
input[type="button"], 
input[type="password"], 
input[type="tel"], 
input[type="reset"], 
input[type="checkbox"], 
textarea
{
   padding:9px;
   border: 1px solid #95A9B3;
   color: rgb(102, 102, 102); 
}

select{
   padding:3px;
   border: 1px solid #95A9B3;
   color: rgb(102, 102, 102); 
}

label{
   color: rgb(4, 66, 117); 
font-weight:bold;
}

 #topo_carrinho
 {
  width:300px;
  margin-top:15px;
  margin-left:650px;
 }
 #lateral_menu
 {
  margin-top:50px;
  width:230px;
  float:left;
 } 
 #conteudo
 {
  margin-top:50px;
  width:770px;
 }
 #base
 {

 }

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado

Deu certo.

 

Agora estou com outro problema:

...
 #lateral_menu
 {
  margin-top:50px;
  width:200px;
  float:left;
 } 
 #conteudo
 {
  margin-top:50px;
  margin-left:50px;
  width:700px;
 }
 #base
 {
  width:1000px;
  text-align:center;
  clear: both;
 }
...

Estou precisando espaçar a Div conteudo da div lateral_menu em 50px na horizontal e não esta funcionando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado

Não, não.

 

Veja só:

 

menu_lateral esta à esquerda com 200px;

conteudo esta a direita do menu lateral com 700px

 

gostaria de espaçar um do outro em 50px

Compartilhar este post

Link para o post
Compartilhar em outros sites

Andrew Marques    47

Andrew Marques
Postado

Se o tamanho máximo da página for os 900px fechados com os dois (200+700) diminui 25px de cada um, ficando um com 175px e o outro com 675px.. Alinha um a cada lado e os espaço entre eles será de 50px.

 

:thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Tamanho da pagina = 1000px comforme css

Na verdade têm três soluções, umas delas indo na mesma lógica do Andrew Marques.

 

O tamanho da página é de 1000 pixels, preenchidos horizontalmente por #conteudo (700px) e #lateral_menu (200px) que somando ficaria 900px. O que tu faz com os 100 pixels que sobra, já que o site tem 1000 pixels de largura?

 

Soluções:

  1. Trabalhar com margin
  2. Diminuir pixels de algum deles até que haja espaçamento entre ambos
  3. Aumentar largura do site

 

Ou então trabalhe com esses 100 pixels que sobram entre #conteudo e #lateral_menu.

 

:bye:

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