Ficar no Centro
Olá Pessoal!! Como voces estao?
Fiz um layout sem a margem, e depois de tudo estar estruturado com css, resolvi colocar as margens ná pagina. Fiz em css mesmo. O Layout sózinho fica no meio, mas o layout junto das margens fica no lado esquerdo. Porque?
Quem puder me responder passa o email pra eu passar a pasta do meu site. Vai ai só uma parte..
@charset "utf-8";
body {
background-color: #F30;}
#Geral{
width:100%;
height:100%;
text-align:center;
padding:0px;
margin:0px;
text-align:center;}
#Principal{
width:782px;
height:auto;
/*margin:auto;*/
/*background-color:#903;*/
float:left;}
#Margem{
width:2px;
height:753px;
background-color:#333;
/*margin:auto*/
float:left;
/*margin:auto;*/
/*margin-left:202px;*/}
#Margem2{
width:2px;
height:753px;
background-color:#333;
float:left;
/*margin:auto;*/}<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maxtecomp Soluction</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Geral">
<!--<div id="Englobador">-->
<div id="Margem">
</div>
<div id="Principal">
<div id="Topo">
</div>
<div id="linewhite">
</div>
<div id="header">
<div id="Text-header">
<form name="Pesquisa" method="" enctype="">
Pesquisa no Site
<input type="text" name="" maxlength="30" onchange="">
</form>
</div>
</div>
<div id="Conteudo">
<div id="Lateral">
<div id="Texto-Login">
Login
</div>
<div id="Login">
<form action="" method="" enctype="">
<table width="176" border="0">
<tr>
<td width="60">Usuário:</td>
<td width="100"><input type="text" name="" maxlength="14" size="20"></td>
</tr>
<tr>
<td>Senha:</td>
<td><input type="password" name="" maxlength="14" size="20" /></td>
</tr>
</table>
<input type="submit" value="Enviar">
<input type="reset" value="Apagar">
</form>
</div>
<div id="titulo-texto-add">
Olá Galera!
</div>
<div id="texto-add">
Vivamus consectetur varius eros, luctus dapibus dolor scelerisque sed. Quisque ut augue arcu, eu pellentesque urna. Nunc nulla ante, auctor in consectetur id, tincidunt eu eros.
</div>
<div id="texto-add2">
Vivamus viverra commodo tellus, sit amet congue orci ornare sit amet. Curabitur iaculis magna sit amet eros vulputate pretium. Quisque libero elit, adipiscing in ullamcorper sed, blandit at augue.
</div>
</div>
</div>
<div id="Rodape">
<div id="finalgray">
</div>
<div class="arderffd" id="Footer">
HOME | FOTOS | VÍDEOS | HISTÓRIA | CONTATO
</div>
<div id="Copyright">
Copyright © 2010, Maxtecomp Soluction Inc. All rights reserved.
</div>
</div>
</div>
<div id="Margem2">
</div>
<!--</div>-->
</div>
</body>
</html>Discussão (8)
Carregando comentários...