BRUNO AMABILE 0 Denunciar post Postado Março 9, 2010 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"> <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> Compartilhar este post Link para o post Compartilhar em outros sites
kreator 0 Denunciar post Postado Março 9, 2010 use css reset! *{margin:0px; padding:0px;} http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Compartilhar este post Link para o post Compartilhar em outros sites
Thiago Retondar 18 Denunciar post Postado Março 9, 2010 Mas você quer centralizar #Geral? :blink: Não use tabelas para isso. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Compartilhar este post Link para o post Compartilhar em outros sites
BRUNO AMABILE 0 Denunciar post Postado Março 10, 2010 Vlw pessoal.. muito obrigado pela ajuda! Mas eu queria aproveitar a oportunidade e dizer mais uma coisa. Eu estou fazendo o site e conferindo como ele está na parte 'Design' do Dreamweaver. No firefox está diferente do dreamweaver e no IE está diferente do Dreamweaver e do firefox. O que devo fazer? Compartilhar este post Link para o post Compartilhar em outros sites
kreator 0 Denunciar post Postado Março 10, 2010 não use o design,do dreanwever,ele pode dar diferença nos navegadores,as formatações da tabela podem ser todas feitas com css!! crie sua tabela limpa sem nenhum valor!! na maioria das veses no dreanwever o layout fica todo quebrado mesmo,mas o importante e definir corretamente via css,para suporte em todos navegadores http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Compartilhar este post Link para o post Compartilhar em outros sites
BRUNO AMABILE 0 Denunciar post Postado Março 10, 2010 não use o design,do dreanwever,ele pode dar diferença nos navegadores,as formatações da tabela podem ser todas feitas com css!! crie sua tabela limpa sem nenhum valor!! na maioria das veses no dreanwever o layout fica todo quebrado mesmo,mas o importante e definir corretamente via css,para suporte em todos navegadores http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Entendi.. mas como assim criar uma tabela? A tabela que eu criei no código foi só para colocar o formulario de login. OBS: Tem erro em varios lugares da página. Obrigado pela atenção! Compartilhar este post Link para o post Compartilhar em outros sites
kreator 0 Denunciar post Postado Março 10, 2010 entaum man você criou o formulario,mais editou propriedades como cores,espaçamento etc dentro do design do dreanwever,no design do seu dreanwever ta certinho mais quando renderizado nos navegadores esta errado o layout!! onde tem valores do seu formulario tire tudo e comece edita-los via css http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Compartilhar este post Link para o post Compartilhar em outros sites
Nino Giovanny 0 Denunciar post Postado Março 10, 2010 Boa dica de como desenvolver um form utilizando padrões... Clique aqui!!!... Siga a dica do Kreator e deixe todo estilo separado de seu HTML! ;D Abraço! Compartilhar este post Link para o post Compartilhar em outros sites
Thiago Retondar 18 Denunciar post Postado Março 10, 2010 O melhor seria não usar tabelas nesse seu caso. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Compartilhar este post Link para o post Compartilhar em outros sites