登录 | 注册 | FAQ
Anonymous

Alinhamento de div

+ 发表回复

2 篇帖子 分页: 1 / 1


Alinhamento de div

heberpessato » 周三 10月 10, 2012 1:19 pm

E ai galera sou novo aqui preciso de uma ajuda, eu podendo ajudar também contem comigo

Minha div rodapé não está se encaixando fora da estrutura div conteudo2
e não está se alinhando ao final da página

代码: 全选
<body class="estilo">
<div id="fundo">
  <div id="conteudo">
    <div id="topo">
      <div id="logo"><img src="img/logo.png" width="451" height="135" /></div>
      <div id="menu">
        <div id="menu-2"><ul>
                <li>| HOME | </li>
                <li>OBAR</li>
                <li>| PIZZAS</li>
                |
                <li>PORÇÕES</li>
                |
                <li>LANCHES</li>
|               
<li>BEBIDAS</li>
                |
                <li>GALERIA |               </li>
                <li>CONTATO |</li>
        </ul>
</div>
      </div>
</div>
<div id="conteudo-2"><img src="img/novidades-titulo.png" width="98" height="19" /><br />
      <div id="novidades">
        <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="314" height="183">
          <param name="movie" value="swf/banner-flash-1.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="11.0.0.0" />
          <!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="swf/banner-flash-1.swf" width="314" height="183">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="11.0.0.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
            <div>
              <h4>O conteúdo desta página requer uma versão mais recente do 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="Obter Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object>
      </div>
<div id="novidades-box"></div>
      <div id="caipira-promocao">
        <div id="caipira-titulo">Toda Quarta  feira<br />
          <br />
          <div id="caipira-sub-titulo">Doble de Caipira<br /><br />
            <div id="caipira-descricao"> Peça uma e ganhe duas so no Dom Capone</div><br /><br />


          </div>
         


      </div></div>
      <br />
      <br />
<div id="galeria"><img src="img/galeria-titulo.png" width="171" height="20" /><br />
<img src="img/galeria.png" width="312" height="175" border="0" /></div>
  <div id="galeria-box"></div>
<div id="tequila-promocao">
        <div id="tequila-titulo">Toda Quinta  feira<br />
          <br />
          <div id="tequila-sub-titulo">Doble de Tequila<br /><br />
            <div id="tequila-descricao"> Peça uma e ganhe duas so no Dom Capone</div>
     
</div></div></div>
<br />
<br />
<div id="blog"></div>
<div id="logo-heineken" align="right"><img src="img/log-heineken.png" width="272" height="201" /></div>
<div id="baldinho-box">
  <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="291" height="158">
    <param name="movie" value="swf/banner-baldinhos.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="11.0.0.0" />
    <!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="swf/banner-baldinhos.swf" width="291" height="158">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="11.0.0.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
      <div>
        <h4>O conteúdo desta página requer uma versão mais recente do 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="Obter Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>

</div>

</div>
<div id="rodape"><div id="rodape-texto">Horário de atendimento
  <br />
  Terça a quinta - das 18:00h às 00:00h<br />
Sexta e sábado - das 18:00 à 01h<br />
Domingo
- das 18:00h à 00:00h
<br />
Rua Pedro Gusso 4047 </div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
</script>
</body>
</html>


代码: 全选
body { margin:0px; height:100%;
   }
html{height:auto;}

#fundo{ width:1362px; background:url(../img/fundo.png); background-repeat:repeat-y; height:1100px; }

#conteudo{
   width:1000px;
   margin-left:auto;
   margin-right:auto;
   background:url(../img/fundo-conteudo.png);
      padding-top:50px; height:1000px;
}



#topo{ width:1000
px; height:155px; background:url(../img/topo.png); }

#logo{ width:450px; height:135px; padding-top:19px; float:left }

#menu{ float:left; width:550px; height:130px; }

#menu{ margin-top:10px;}

#menu-2{ color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding-left:45px:}

#menu-2 ul{ color:#FFFFFF; font-family:Verdana, Geneva, sans-serif;  list-style:none; padding-left:60px;}

#menu-2 li{ color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; display:inline; }

#conteudo-2{ width:975px; margin-left:auto; margin-right:auto; padding-top:15px;  padding-left:15px;}






#novidades{ width:314px; height:183px; margin-right:25px; float:left; }

#novidades-box{ width:314px; height:183px; margin-right:25px; float:left; background:url(../img/caixa.png) }






#galeria{ width:314px; height:183px; margin-right:25px; float:left; margin-top:15px; }

#galeria-box{ width:314px; height:183px; margin-right:5px; float:left; background:url(../img/caixa.png); margin-top:30px; }

#galeria-box a:link{ color:#FFFFFF;}


#tequila-promocao{ width:283px; height:185px; float:left; background:url(../img/box-tequila.png); margin-top:30px; margin-left:20px;}

#tequila-titulo{ font-family:"Century Gothic"; width:184px; height:26px; color:#FFF; margin-top:25px; margin-left:25px;}

#tequila-sub-titulo{ font-family:"Century Gothic"; width:150px; height:25px; color:#FFF; margin-top:5px; margin-left:100px; font-size:14px;}

#tequila-descrcao{ font-family:"Century Gothic"; width:150px; height:25px; color:#FFF; margin-top:5px; margin-left:100px; font-size:8px; text-align:center;}





#caipira-promocao{ width:283px; height:185px; float:left; background:url(../img/box-capira.png);}

#caipira-titulo{ font-family:"Century Gothic"; width:184px; height:26px; color:#FFF; margin-top:25px; margin-left:25px;}

#caipira-sub-titulo{ font-family:"Century Gothic"; width:150px; height:25px; color:#FFF; margin-top:5px; margin-left:100px; font-size:14px;}

#caipira-descrcao{ font-family:"Century Gothic"; width:150px; height:25px; color:#FFF; margin-top:5px; margin-left:100px; font-size:8px; text-align:center;}





#blog{ width:318px; height:167px; float:left; background:url(../img/blog-fundo.png);margin-top:25px; margin-right:25px;}

#logo-heineken {margin-top:15px; width:292px; height:216px; float:left; margin-right:25px; background:center;}

#baldinho-box{ width:291px; height:158px; float:left;  margin-top:15px; margin-left:15px; margin-top:30px;}

#rodape { width:1000px; height:310px; background:url(../img/rodape.png); position: absolute;
   bottom:0;  padding-left:-30px; }


.estilo #rodape-texto {
   text-align: center; font-family:Verdana, Geneva, sans-serif;text-align: center; width:500px; height:120px; margin-left:auto; margin-right:auto; text-align: center;  color:#FFFFFF; font-size:14px; padding-top:190px; margin-left:225px; line-height:22px; position: absolute;
   bottom:0; ;
}


#o-bar{width:900px;}


头像

heberpessato

  • 帖子: 2
  • 注册: 周三 10月 10, 2012 1:10 pm

Re: Alinhamento de div

heberpessato » 周三 10月 10, 2012 2:56 pm

heberpessato 写道:E ai galera sou novo aqui preciso de uma ajuda, eu podendo ajudar também contem comigo

Minha div rodapé não está se encaixando fora da estrutura div conteudo2
e não está se alinhando ao final da página

segue a url de como está a visualização do meu site http://domcaponepizzarock.com.br/novo/home.png

代码: 全选
<body class="estilo">
<div id="fundo">
  <div id="conteudo">
    <div id="topo">
      <div id="logo"><img src="img/logo.png" width="451" height="135" /></div>
      <div id="menu">
        <div id="menu-2"><ul>
                <li>| HOME | </li>
                <li>OBAR</li>
                <li>| PIZZAS</li>
                |
                <li>PORÇÕES</li>
                |
                <li>LANCHES</li>
|               
<li>BEBIDAS</li>
                |
                <li>GALERIA |               </li>
                <li>CONTATO |</li>
        </ul>
</div>
      </div>
</div>
<div id="conteudo-2"><img src="img/novidades-titulo.png" width="98" height="19" /><br />
      <div id="novidades">
        <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="314" height="183">
          <param name="movie" value="swf/banner-flash-1.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="11.0.0.0" />
          <!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="swf/banner-flash-1.swf" width="314" height="183">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="11.0.0.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
            <div>
              <h4>O conteúdo desta página requer uma versão mais recente do 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="Obter Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object>
      </div>
<div id="novidades-box"></div>
      <div id="caipira-promocao">
        <div id="caipira-titulo">Toda Quarta  feira<br />
          <br />
          <div id="caipira-sub-titulo">Doble de Caipira<br /><br />
            <div id="caipira-descricao"> Peça uma e ganhe duas so no Dom Capone</div><br /><br />


          </div>
         


      </div></div>
      <br />
      <br />
<div id="galeria"><img src="img/galeria-titulo.png" width="171" height="20" /><br />
<img src="img/galeria.png" width="312" height="175" border="0" /></div>
  <div id="galeria-box"></div>
<div id="tequila-promocao">
        <div id="tequila-titulo">Toda Quinta  feira<br />
          <br />
          <div id="tequila-sub-titulo">Doble de Tequila<br /><br />
            <div id="tequila-descricao"> Peça uma e ganhe duas so no Dom Capone</div>
     
</div></div></div>
<br />
<br />
<div id="blog"></div>
<div id="logo-heineken" align="right"><img src="img/log-heineken.png" width="272" height="201" /></div>
<div id="baldinho-box">
  <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="291" height="158">
    <param name="movie" value="swf/banner-baldinhos.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="11.0.0.0" />
    <!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="swf/banner-baldinhos.swf" width="291" height="158">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="11.0.0.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
      <div>
        <h4>O conteúdo desta página requer uma versão mais recente do 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="Obter Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>

</div>

</div>
<div id="rodape"><div id="rodape-texto">Horário de atendimento
  <br />
  Terça a quinta - das 18:00h às 00:00h<br />
Sexta e sábado - das 18:00 à 01h<br />
Domingo
- das 18:00h à 00:00h
<br />
Rua Pedro Gusso 4047 </div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
</script>
</body>
</html>


代码: 全选
body { margin:0px; height:100%;
   }
html{height:auto;}

#fundo{ width:1362px; background:url(../img/fundo.png); background-repeat:repeat-y; height:1100px; }

#conteudo{
   width:1000px;
   margin-left:auto;
   margin-right:auto;
   background:url(../img/fundo-conteudo.png);
      padding-top:50px; height:1000px;
}



#topo{ width:1000
px; height:155px; background:url(../img/topo.png); }

#logo{ width:450px; height:135px; padding-top:19px; float:left }

#menu{ float:left; width:550px; height:130px; }

#menu{ margin-top:10px;}

#menu-2{ color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding-left:45px:}

#menu-2 ul{ color:#FFFFFF; font-family:Verdana, Geneva, sans-serif;  list-style:none; padding-left:60px;}

#menu-2 li{ color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; display:inline; }

#conteudo-2{ width:975px; margin-left:auto; margin-right:auto; padding-top:15px;  padding-left:15px;}






#novidades{ width:314px; height:183px; margin-right:25px; float:left; }

#novidades-box{ width:314px; height:183px; margin-right:25px; float:left; background:url(../img/caixa.png) }






#galeria{ width:314px; height:183px; margin-right:25px; float:left; margin-top:15px; }

#galeria-box{ width:314px; height:183px; margin-right:5px; float:left; background:url(../img/caixa.png); margin-top:30px; }

#galeria-box a:link{ color:#FFFFFF;}


#tequila-promocao{ width:283px; height:185px; float:left; background:url(../img/box-tequila.png); margin-top:30px; margin-left:20px;}

#tequila-titulo{ font-family:"Century Gothic"; width:184px; height:26px; color:#FFF; margin-top:25px; margin-left:25px;}

#tequila-sub-titulo{ font-family:"Century Gothic"; width:150px; height:25px; color:#FFF; margin-top:5px; margin-left:100px; font-size:14px;}

#tequila-descrcao{ font-family:"Century Gothic"; width:150px; height:25px; color:#FFF; margin-top:5px; margin-left:100px; font-size:8px; text-align:center;}





#caipira-promocao{ width:283px; height:185px; float:left; background:url(../img/box-capira.png);}

#caipira-titulo{ font-family:"Century Gothic"; width:184px; height:26px; color:#FFF; margin-top:25px; margin-left:25px;}

#caipira-sub-titulo{ font-family:"Century Gothic"; width:150px; height:25px; color:#FFF; margin-top:5px; margin-left:100px; font-size:14px;}

#caipira-descrcao{ font-family:"Century Gothic"; width:150px; height:25px; color:#FFF; margin-top:5px; margin-left:100px; font-size:8px; text-align:center;}





#blog{ width:318px; height:167px; float:left; background:url(../img/blog-fundo.png);margin-top:25px; margin-right:25px;}

#logo-heineken {margin-top:15px; width:292px; height:216px; float:left; margin-right:25px; background:center;}

#baldinho-box{ width:291px; height:158px; float:left;  margin-top:15px; margin-left:15px; margin-top:30px;}

#rodape { width:1000px; height:310px; background:url(../img/rodape.png); position: absolute;
   bottom:0;  padding-left:-30px; }


.estilo #rodape-texto {
   text-align: center; font-family:Verdana, Geneva, sans-serif;text-align: center; width:500px; height:120px; margin-left:auto; margin-right:auto; text-align: center;  color:#FFFFFF; font-size:14px; padding-top:190px; margin-left:225px; line-height:22px; position: absolute;
   bottom:0; ;
}


#o-bar{width:900px;}


头像

heberpessato

  • 帖子: 2
  • 注册: 周三 10月 10, 2012 1:10 pm


+ 发表回复

分页: 1 / 1