Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

leobhbot

[Resolvido] Probleminha com css.

Por , em Desenvolvimento frontend

Recommended Posts

leobhbot    0

leobhbot
Postado

Fala ai pessoal, beleza ?

 

Então, tou aprendendo design e css agora... e começei desenhadno um site pra mim.

 

Desenehi o site todo, exportei, montei ele a página inicial que vai ser sempre o mesmo (em todas as páginas) sem problemas, e montei o conteudo das outras páginas, em páginas externas, e utilizei uma classe que eu fiz em PHP para chamar a página requisitada pelo usuário e altera o conteudo central do site.

 

(ficou meio confuso, mais espero que tenha entendido)

 

até ai tudo bem... quando eu abro o site para testar e o php chama pra mim a página inicial externa, o resultado é esse:

 

Imagem Postada

 

Existe uma div cujo nome é conteudo, que tem aquele background branco que se repete em eixo Y, e DENTRO DESSA DIV, eu criei uma outra div que iria receber as páginas externas, e ela recebeu, só que a div conteudo não acompanhou div filha e continou no mesmo lugar aonde tava... na loja era pro rodape mais o background extender até lem baixo, uma vez que a div filha da div conteudo extendeu, e adiv conteudo deveria acompanhar isso, certo ?

 

Pois não é o que acontece, e eu não consigo descobrir o pq, vcs podem me ajudar ? o que pode está errado no código que tá fazendo com que a div conteudo se permaneça aonde ela tava ? e não acompanhe o crescimento da sua div filha ?

 

Obrigado, aguardo respostas !

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

sem ver o código fica impossível te ajudar..

 

mas confira se você não está com este problema:

http://forum.imasters.com.br/index.php?/topic/171708-erro-nos-navegadores/page__p__539327entry539327

Compartilhar este post

Link para o post
Compartilhar em outros sites

leobhbot    0

leobhbot
Postado

O mais estranho, é que quando é uma sub-página a div pai acompanha sim o tamanho da div filha.

 

Que dizer queo problema está só na home.. vou tentar procurar o erro e posto aqui .

 

Muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você entedeu algo do link que postei?

 

as tuas boxs, 'Nova Reunião' estão com float?

se estiverem, adicione, um elemento nivel de bloco após elas, com clear: both;

 

se precisar de ajuda, poste o código html+css ou um link para o site.

Compartilhar este post

Link para o post
Compartilhar em outros sites

leobhbot    0

leobhbot
Postado

Sim, já verifiquei o seu tópico e entendi, só que eu não utilizei float para organiza o conteudo, na verdadei utilizei divs e tabelas para organizar.

 

irei postar o código do site e do css aqui, foi gerado pelo dreamweaver, mais da pra entender tranquilo e calmo.

 

<?
include "classes/verURL.php";
?>
<!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>Santo Antônio de Rio Acima</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="geral">
  <div id="topo"><img src="imagens/topo/topo1.jpg" width="188" height="195" /><img src="imagens/topo/topo2.jpg" width="206" height="195" /><img src="imagens/topo/topo3.jpg" width="153" height="195" /><img src="imagens/topo/topo4.jpg" width="189" height="195" /><img src="imagens/topo/topo5.jpg" width="135" height="195" /></div>
  <div id="menu"><img src="imagens/menu/menu_1.jpg" width="110" height="43" /><a href="?p=paroquia"><img src="imagens/menu/menu_2.jpg" width="94" height="43" border="0" /></a><img src="imagens/menu/menu_3.jpg" width="143" height="43" /><img src="imagens/menu/menu_4.jpg" width="124" height="43" /><img src="imagens/menu/menu_5.jpg" width="78" height="43" /><img src="imagens/menu/menu_6.jpg" width="98" height="43" /><img src="imagens/menu/menu_7.jpg" width="95" height="43" /><img src="imagens/menu/menu_8.jpg" width="129" height="43" /></div>
  <div id="conteudo">
    <div id="geral-conteudo">
      <table width="829" height="18" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="358"><img src="imagens/topo/conteudo/imagem_flash.jpg" width="346" height="153" /></td>
          <td width="5" class="bem-vindo3"> </td>
          <td width="317" valign="top" class="bem-vindo"><div id="bv-conteudo">Seja Bem-Vindo</div>
            <div id="bv-geral">Texto de bem vindo aqui Texto de bem vindo aqui Texto <br />
              Texto de bem vindo aqui Texto de bem vindo aqui Texto <br />
              Texto de bem vindo aqui Texto de bem vindo aqui Texto<br />
              Texto de bem vindo aqui Texto de bem vindo aqui Texto <br />
              Texto de bem vindo aqui Texto de bem vindo aqui Texto<br />
              Texto de bem vindo aqui Texto de bem vindo aqui Texto</div></td>
          <td width="16" class="bem-vindo2"> </td>
          <td width="133" valign="top" class="imagem-menu"><div id="menu-topo">MENU</div>
            <div id="menu-conteudo">
              <ul>
                <li><a href="#">FOTOS</a></li>
                <li><a href="#">FALE CONOSCO</a></li>
                <li><a href="#">links utÉis</a></li>
                <li><a href="#">LocalizaÇÃo</a></li>
              </ul>

            </div></td>
        </tr>
      </table>
    </div>
    <div id="puxa-pagina">    
    <div id="puxa-pagina">
    	<?php 
			$red = new verURL();
			$red-> trocarURL($_GET["p"]);
		?>
    </div>
   </div>
  </div>
  <div id="rodape">Copyright © Santo Antonio do rio acima 2010. Todos os direitos reservados - Proíbida a copia deste site sem autorização expressa do administrador<br />
  desenhado, desenvolvido e programado por Leonardo Benevenuto				</div>
</div>
</body>
</html>

 

 

body {
	background-color: #05A5E7;
	background-image: url(../imagens/bgs/bgtotal_01.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #8F8D8D;
}
#topo {
	height: 195px;
	width: 873px;
}
#geral {
	width: 875px;
	margin:0 auto;
}
#conteudo {
	background-image: url(../imagens/bgs/bg_horinzontal.jpg);
	background-repeat: repeat-y;
	width: 873px;
	margin-left: 8px;
	padding: 0px;
	height: 100%;
}
#menu {
	margin: 0px;
	padding: 0px;
	height: 43px;
	width: 873px;
}
#rodape {
	background-image: url(../imagens/bgs/rodapel_r13_c3.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 873px;
	text-align: center;
	
}
#imagem-conteudo {
	background-image: url(../imagens/topo/conteudo/imagem_flash.jpg);
	background-repeat: no-repeat;
	height: 160px;
	width: 346px;
	margin-left: 10px;
	margin-top: 20px;
}
#bem-vindo {
	height: 146px;
	width: 350px;
	margin-left: 10px;
}
.bem-vindo {
	background-repeat: repeat-x;
	background-image: url(../imagens/bgs/box-bemvindo/inedx.jpg);
	padding:0px;
	margin:0px;
	
}

.bem-vindo2 {
	background-repeat: no-repeat;
	background-image: url(../imagens/bgs/box-bemvindo/box_final.jpg);
	padding:0px;
	margin:0px;
}

.bem-vindo3 {
	background-repeat: no-repeat;
	background-image: url(../imagens/bgs/box-bemvindo/box_inicio.jpg);
	margin:0px;
	background-position: right top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


}

#geral-conteudo {
	height: 188px;
	width: 835px;
	padding-top: 20px;
	margin-left: 10px;
}
.imagem-menu {
	background-image: url(../imagens/bgs/bgmenu_23.jpg);
	background-repeat: no-repeat;
}
#bv-conteudo {
	font-family: BrockScript, Tahoma, Verdana;
	font-size: 24px;
	color: #FFF;
	text-align: center;
}
#bv-geral {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding-top: 5px;
}
#menu-topo {
	font-family: Impact, Tahoma, Arial;
	font-size: 24px;
	color: #FFF;
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
}

#menu-conteudo {
	padding-top:7px;
}
#menu-conteudo ul{
	margin:0px;
	padding:0px;
}

#menu-conteudo li{
	padding-top:5px;
	padding-left:10px;
	list-style:none;
	text-transform:uppercase;
}

#menu-conteudo li a{
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	
}

#menu-conteudo li a:hover{
	font-family:Tahoma, Geneva, sans-serif;
	color:#F0F0F0;
	font-size:11px;
	font-weight:bold;
	
}

 

 

Consegue identificar aonde está o problema =x ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

leobhbot    0

leobhbot
Postado

Resolvi o problema e gostaria de compartilhar a solução para se por acaso você tiver tendo este erro.

 

Por pura falta de atenção, esqueçi no arquivo que estava sendo PUXADO e não na index, de colocar uma div que englobava todo o conteudo da página, quando coloquei 1 div que englobava todo conteudo da página que stava sendo puxada, o problema se resolveu.

 

Muito obrigado a comunidade, e me desculpe o double topic, é só mesmo para avisar !

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito