登录 | 注册 | FAQ
Anonymous

Div Expandindo

+ 发表回复

3 篇帖子 分页: 1 / 1


Div Expandindo

elitoncampos » 周三 5月 23, 2012 8:00 pm

Olá.
Sou novo em CSS e estou com o seguinte problema:
A Div .site que é principal de meu site, não está no tamanho vertical correto.
Apliquei min-height e funciona somente no IE. Nos demais browsers não.
Vou enviar o código para darem uma olhada e se puderem me ajudar:

Esse é o código da index
代码: 全选
<!--
   Site desenvolvido por Mega Mais Tecnologia
   http://megamaistecnologia.com/
   Eliton Campos
   (66) 8421-8163
   elitoncamposvr@gmail.com
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Campo Verde Teen | as melhores festas estão aqui</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Início Barra do Topo -->

<div id="barra-topo">
   <div id="topo-cidades">
      <div id="cidades">
         <a href="http://www.classiteen.com.br" target="_blank"><img src="imagens/classiteen.jpg" border="0"></a>
      </div>
      <div id="cidades">
         <a href="http://www.campoverdeteen.com.br" target="_blank"><img src="imagens/campoverdeteen.jpg" border="0"></a>
      </div>
      <div id="cidades">
         <a href="http://www.primaverateen.com.br" target="_blank"><img src="imagens/primaverateen.jpg" border="0"></a>
      </div>
   </div>
</div>
<!-- Fim Barra do Topo -->

<!-- Início Site -->
<div id="geral">

<!-- Início Conteúdo -->
<div class="site">

   <!-- Início Topo -->
   <div id="topo">
      <div id="topo-banner">
         Aqui vai o banner 468x60
      </div>
   </div>
   <!-- Fim Topo -->
   
   <!-- Início Menu Horizontal -->
   <div id="menu-horizontal">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="760" height="38">
         <param name="movie" value="imagens/teen-timer.swf">
         <param name="quality" value="high">
         <embed src="imagens/teen-timer.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="38">
      </object>
   </div>
   <!-- Fim Menu Horizontal -->
   
   <!-- Início Conteúdo Esquerdo -->
   <div id="conteudo-esquerdo">
   
   <!-- Início Menu Vertical -->
      <div id="menu-vertical">
      </div>
      <ul id="menu">
         <li><a href="?pagina=principal">Principal</a></li>
         <li><a href="?pagina=agenda">Agenda</a></li>
         <li><a href="?pagina=fotos">Fotos</a></li>
         <li><a href="?pagina=destaques">Destaques</a></li>
         <li><a href="?pagina=torpedos">Torpedos</a></li>
         <li><a href="http://www.cidadebelafm.com.br/player/index.htm" class="popup" rel="width=510,height=270">Cidade Bela FM</a></li>
         <li><a href="?pagina=videos">V&iacute;deos</a></li>
         <li><a href="?pagina=esportes">Esportes</a></li>
         <li><a href="?pagina=sobre-campo-verde">Sobre Campo Verde</a></li>
         <li><a href="?pagina=teengirl">Teen Girl</a></li>
         <li><a href="?pagina=teenboy">Teen Boy</a></li>
      </ul>
      <!-- Fim Menu Vertical -->
      
      <!-- Início Canais -->
      <div id="canais">
      </div>
      <ul id="menu2">
         <li><a href="?pagina=pizzarias">Pizzarias</a></li>
         <li><a href="?pagina=comitivas">Comitivas</a></li>
         <li><a href="?pagina=parceiros">Parceiros</a></li>
         <li><a href="?pagina=anuncie">Anuncie</a></li>
         <li><a href="?pagina=ranchos">Ranchos</a></li>
         <li><a href="?pagina=contato">Contato</a></li>
         <li><a href="?pagina=equipe">Equipe</a></li>
         <li><a href="?pagina=webmail">Web-Mail</a></li>
      </ul>
      <!-- Fim Canais -->
      
      <!-- Início Apoio -->
         <div id="apoio">
         </div>
         Aqui ficar&aacute; os banners de apoio 120x60
         TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      <!-- Fim Apoio -->
      
   </div>
   <!-- Fim Conteúdo Esquerdo -->
   
   <!-- Início Conteúdo Principal -->
   <div id="principal">
      <?
        $var = "paginas/principal.php";
        $pagina = "paginas/$_GET[pagina].php";
        if(empty($_SERVER["QUERY_STRING"])) {
        include($var);
        } else {
        include("$pagina");
        }
        ?>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      TEste<br>
      </div>
   <!-- Fim Conteúdo Principal -->
</div>
<!-- Fim do Conteúdo -->

<!-- Início Menu Rodapé -->
<div id="fim-site">
<a href="?pagina=principal">Principal</a> | <a href="?pagina=sobre-campo-verde">Sobre Campo Verde</a> | <a href="?pagina=agenda">Agenda</a> | <a href="?pagina=eventos">Eventos</a> | <a href="?pagina=videos">V&iacute;deos</a> | <a href="?pagina=esporte">Esportes</a> | <a href="?pagina=torpedos">Torpedos</a> | <a href="?pagina=contato">Contato</a>
</div>
<!-- Fim Menu Rodapé -->

<!-- Início Rodapé -->
<div id="rodape">
Todos os Direitos Reservados &copy; 2009 - <?echo date('Y');?>
</div>
<!-- Fim Rodapé -->
</div>
<!-- Fim Site -->
</body>
</html>





Esse é o código CSS

代码: 全选
/*
   Site desenvolvido por Mega Mais Tecnologia
   http://megamaistecnologia.com/
   Eliton Campos
   (66) 8421-8163
   elitoncamposvr@gmail.com
*/
body {
   background: url(imagens/bg-teen.jpg);
   background-color: #6abb00;
   margin: 0px;
   padding:0px;
   background-attachment:scroll;
   background-repeat:no-repeat;
   font-family: Arial, Verdana;
   font-size:11px;
}
a{
   color:#666666;
   text-decoration:none;
}

a:visited{
   color:#666666;
   text-decoration:none;
}

a:hover{
   color:#0066FF;
}

#geral{
   width:780px;
   left:50%;
   margin-left:-390px;
   position:absolute;
}

.site{
   background:#FFFFFF;
   min-height:600px;
   width:100%;
}


#barra-topo{
   width:100%;
   height:45px;
   background: url(imagens/barra-topo.jpg);
}

#topo-cidades{
   background:url(imagens/outrascidades.jpg);
   background-repeat:no-repeat;
   width:780px;
   height:45px;
   margin:auto;
}

#cidades{
   float:right;
   width:161px;
   height:36px;
   margin-left:5px;
   margin-top:5px;
}

#topo{
   width:780px;
   height:80px;
   background:url(imagens/topo.jpg);
   margin-top:0px;
}

#topo-banner{
   width:480px;
   height:60px;
   float:left;
   margin-left:200px;
   margin-top:10px;
   border:1px solid #000000;
}

#menu-horizontal{
   width:780px;
   height:auto;
   text-align:center;
}

#conteudo-esquerdo{
   width:126px;
   min-height:400px;
   margin-left:5px;
   background:url(imagens/menu.gif);
   background-repeat:no-repeat;
   float:left;
}

#menu-vertical{
   width:100%;
   height:28px;
   background:url(imagens/teen-menu.gif);
   background-repeat:no-repeat;
}

ul#menu {
   width:126px;
   background:#F1F3F4;
   margin:0;
   padding:0;
   list-style-type:none;
}

ul#menu li {
   border-bottom:1px solid #FFFFFF;
}

ul#menu li a:link, ul#menu li a:visited {
   display:block;
   height:15px;
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#333333;
   padding-left:4px;
   padding-top:2px;
   padding-bottom:0px;
}

ul#menu li a:hover {
   background-color: #CDD3D6;
   color:#333333;
}

#canais{
   width:100%;
   height:28px;
   background:url(imagens/teen-canais.gif);
   background-repeat:no-repeat;
   margin-top:20px;
}

/* Início Canais */
ul#menu2 {
   width:126px;
   background:#0572C4;
   margin:0;
   padding:0;
   list-style-type:none;
}

ul#menu2 li {
   border-bottom:1px solid #FFFFFF;
}

ul#menu2 li a:link, ul#menu2 li a:visited {
   display:block;
   height:15px;
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#FFFFFF;
   padding-left:4px;
   padding-top:2px;
   padding-bottom:0px;
}

ul#menu2 li a:hover {
   background-color:#F1F3F4;
   color:#333333;
}
/* Fim Canais */

/* Apoio */
   #apoio{
   width:100%;
   height:28px;
   background:url(imagens/teen-apoio.gif);
   background-repeat:no-repeat;
   margin-top:20px;
}

/* Fim Apoio */

#principal{
   float:right;
   width:630px;
   min-height:400px;
   border: 1px solid #000000;
   margin-right:5px;
}


#fim-site{
   width:780px;
   height:65px;
   background:url(imagens/fim.png);
   margin:auto;
   line-height:55px;
   text-align:center;
}

#rodape{
   width:780px;
   height:36px;
   margin:auto;
   margin-top:10px;
   background: url(imagens/rodape.jpg);
   text-align:center;
   line-height:33px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #003399;
   font-weight: bold;
}
头像

elitoncampos

  • 帖子: 2
  • 注册: 周三 5月 23, 2012 7:53 pm

Re: Div Expandindo

XainPro » 周四 5月 24, 2012 9:32 am

você poderia por favor postar o link ou instantâneo, bem
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Div Expandindo

elitoncampos » 周四 5月 24, 2012 1:27 pm

Este é o link.
Não vai aparecer imagens e demais componentes porque estou fazendo no meu pc msm, mas a index e o css dá pra se visualizar...

http://megamaistecnologia.com/teste/

Aguardo ajdua
头像

elitoncampos

  • 帖子: 2
  • 注册: 周三 5月 23, 2012 7:53 pm


+ 发表回复

分页: 1 / 1