sararinhojj Postado Agosto 14, 2009 Denunciar Share Postado Agosto 14, 2009 pessoal tenho uma div lateral que esta coloda na div topoentão usei o padding para abaixar um pouco mas so abaixa o que esta dentro da div e não a divalguém sabe como mover div toda? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 _Vinny_ Postado Agosto 14, 2009 Denunciar Share Postado Agosto 14, 2009 Posta o codigo fonte da página pra eu dar um olhada. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 sararinhojj Postado Agosto 14, 2009 Autor Denunciar Share Postado Agosto 14, 2009 <!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" xml:lang="pt-br" lang="pt-br"><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Carros & Cia</title> <style type="text/css" media="all"> html, body {height:100%;} body { margin:0; padding:0; background: #FFF; color: #666666; font:75%/1.4 Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color: #666; background-image: url(); } #tudo { width:700px; position:relative; /*Contexto de posicionamento */ background:#fff url(bg-auxiliar.gif) repeat-y right; margin:0 auto; text-align:left; min-height:100%; padding:0; border:solid #000; border-width: 1px; border-top:0px; border-bottom:0px; } * html #tudo {height: 100%;} #conteudo {padding-bottom:30px;} #topo { background: #666666; width:700px; height:117px; text-align:center; padding-top:1px; } #principal { width:100px; background-image:url(file:///C|/Documents%20and%20Settings/user/Meus%20documentos/menu.jpg); background-repeat:no-repeat; height:260px; padding-left:20px; float:left; padding-top:50px; text-align:justify; } #animacao { background: #fff; width:300px; height:180px; text-align:center; padding-top:20px; float:right; } #rodape { background: url(carrosecia_arquivos/rodape.jpg); width:700px; height:15px; position: absolute; bottom: 0; /**/ text-align:center; } #rodape p { margin:0; font-weight:bold; color:#060; } ul { width:190px; margin:0; padding:0; list-style:none; } ul li {margin:1px 0; } ul li a, ul li a:visited { height:1%; font:12px Arial, Helvetica, sans-serif; display:block; background:#060; color:#fff; text-decoration:none; padding:2px 10px; } ul li a:hover { background:#9f9; color:#060; } h1, h2, h4 { font:bold 22px Arial, Helvetica, sans-serif; color:#060; } h4 {font-size:16px;} .clear {clear:both;} #nav li.um { margin-bottom:8px; text-align:center; } .style1 {font-size: 75px} body,td,th { color: #FF0; font-family: Serpentine-Bold-Bold; font-size: 70%; } </style> <script src="js/ativa_conteudo.js" type="text/javascript"></script> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> </head> <body> <div id="tudo"> <div id="conteudo"> <div id="topo"> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="117"> <param name="movie" value="carrosecia_arquivos/topo2.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="carrosecia_arquivos/topo2.swf" width="700" height="117"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> <div id="principal"> </div> <div id="animacao"> <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="270" height="180"> <param name="movie" value="carrosecia_arquivos/anima.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="carrosecia_arquivos/anima.swf" width="270" height="180"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> <!-- Fim da div#principal --> <br /><br /> <!-- Fim da div#auxiliar --> <div class="clear"></div> </div> <!-- Fim da div#conteudo --> <div id="rodape"> <div align="left"></div> </div> </div> <!-- Fim da div#tudo --> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID"); swfobject.registerObject("FlashID2"); //--> </script> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Hoopkins Postado Agosto 14, 2009 Denunciar Share Postado Agosto 14, 2009 Para isso você deve utilizar a propriedade margin, ou mais especificamente margin-top. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
sararinhojj
pessoal tenho uma div lateral que esta coloda na div topo
então usei o padding para abaixar um pouco mas so abaixa o que esta dentro da div e não a div
alguém sabe como mover div toda?
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.