Ir para conteúdo

POWERED BY:

Arquivado

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

douglasmesquita

[Resolvido] com Divs (boxes css)

Por , em Desenvolvimento frontend

Recommended Posts

douglasmesquita    0

douglasmesquita
Postado

Fala galera, mais uma dúvida. Tenho uma página com fundo cinza. Criei um div principal com o fundo branco até ai tudo bem. Só que criei mais duas divs porém essas não ficam com o fundo branco da minha div principal. Isso só ocorre no firefox, no IE aparece normal o que pode tá havendo?

 

código css

 

* { margin: 0; padding: 0; }

body { 
	background-color: #F4F4F4;
	margin: 10px 0 10px 0; 
}

#geral {
	background-color: #ffffff;
	width: 776px; 
	position: relative;
	left: 50%;
	margin-left: -388px;
	padding: 5px 0 5px 0;
}

#cabeca {
	background-color: #ffffff; 
	margin: 5px 10px 15px 10px;
	width: 756px;
}

#logo { 
	background-color: #ffffff; 
	margin: 0;
	padding:0;
	width: 200px;
}

#menu1  {
	background-color: #fff;
	margin: 0 10px 0 10px;
	padding: 0;
	width: 140px;
	float: left;
}

#conteudo {
	padding: 0px;
	width: 606px;
	background-color: #fff;
	margin: 0px 10px 0px 0px;
	text-align: left; 
	float: right;
}

#rodape {
	font-family: Verdana; 
	font-size: 9px; 
	font-weight: bold; 
	text-align: center; 
	color: #000000; 
	padding: 15px 0 10px 0; 
	clear: left;
}

#banner { 
	background-color: #ffffff; 
	margin: 0;
	padding: 0;
	width: 566px;
}	

#editoria {
	margin: 0;
	padding: 0;
}

.editoria {
	color: #E23223;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	text-transform:uppercase;
}

código da página

 

<html>
<head>
<title>aQui Online</title>
</head>
<link rel="stylesheet" href="../css/editorias.css" type="text/css" title="Editorias" media="all"/>
<body>
	<div id="geral">
		<div id="cabeca">
			  <div id="logo"><img src="../imagens/logo_aqui.jpg" width="201" height="87"></div>
		</div>
		<div id="menu1">

		<ul id="menu">
			<li><a href="capa.asp">Capa</a></li>
			<li><a href="aconteceu.asp">Aconteceu</a></li>
			<li><a href="barramansa.asp">Barra Mansa</a></li>
			<li><a href="cartas.asp">Cartas</a></li>
			<li><a href="csn.asp">CSN</a></li>

			<li><a href="especial.asp">Especial</a></li>
			<li><a href="esportes.asp">Esportes</a></li>
			<li><a href="grampos.asp">Grampos</a></li>
			<li><a href="policia.asp">Polícia</a></li>
			<li><a href="politica.asp">Política</a></li>
			<li><a href="regiao.asp">Região</a></li>

			<li><a href="rioclaro.asp">Rio Claro</a></li>
			<li><a href="social.asp">Social</a></li>
			<li><a href="voltaredonda.asp">Volta Redonda</a></li>
			<li><a href="tudoaqui.asp">TudoaQui</a></li>
		</ul>
		</div>
		<div id="conteudo">

		<div class="editoria" id="editoria">| Volta Redonda<hr></div>
		<h1><span class="antetitulo">CIDADE: </span> Gotardo assina convênio para implantação da Jucerja</h1>
		<h2>Facilitando a vida</h2>
		
				<div id="box_foto"><img src="../fotos/591/aqui-jucerja.jpg" border="1"><br>
				<span class="legenda">Gotardo inaugura novas instalações de secretaria</span>
				</div>

			
		<span class="autor"></span>
		<p>O prefeito Gotardo inaugurou ontem, sexta, 11, as novas instalações da secretaria de Desenvolvimento Econômico e Turismo e da Coordenadoria de Indústria Comércio e Turismo, que fica na Rua Simão da Cunha Gago, 445, Aterrado. No mesmo local funcionará a 4ª Delegacia da Jucerja – Junta Comercial do Estado do Rio de Janeiro. O convênio entre o órgão e a prefeitura de Volta Redonda foi assinado durante a cerimônia por Gotardo e pelo presidente da Junta Comercial, Carlos de La Roque. <p>
	Em seu discurso, La Roque disse que a implantação de delegacias “alivia” o trabalho na Jucerja no Rio, garantindo agilidade e dinamização na emissão de documentos. “A delegacia de Volta Redonda começa a funcionar na próxima segunda-feira e, em breve, atenderá aos empresários locais como já atende a de Petrópolis que fornece o registro de empresas em 24 horas”, afirmou.  <p>
	Já o prefeito Gotardo lembrou que há quatro anos, quando candidato à prefeitura, assumiu o compromisso com as entidades como CDL, Aciap e Sicomércio de criar uma Secretaria de Desenvolvimento Econômico. “Além de cumprir, tenho trabalhado em parceria com estas entidades durante o meu governo”, disse, frisando que dados do Ministério do Trabalho colocam Volta Redonda como destaque na geração de empregos no Estado do Rio e que o maior números de vagas está no comércio. “Por mais este motivo, temos a obrigação de facilitar a atuação dos empresários em nosso município”, concluiu.  <p>
	O evento foi acompanhado pelo presidente da CDL – Câmara dos Dirigentes Lojistas de Volta Redonda, Gilson de Castro; do Sicomercio – Sindicato do Comércio Varejista, Antônio Luzia Borges; por Marcos de Paula, representante da Aciap-VR; pelo gerente regional da Associação do Comércio Farmacêutico do Estado do Rio de Janeiro, Roberto Lourenço; pelo secretário de Administração, Carlos Macedo; pela representante da secretaria de Educação, Eliana Molina; pelo empresário Antônio Cardoso, que foi coordenador de Indústria e Comércio em Volta Redonda; e pelo representante da cidade de Petrópolis, cidade que recebeu a primeira delegacia da Jucerja no interior do estado, Delmir Custódio, que é diretor de Fiscalização. Além deles, diversos empresários e funcionários dos órgãos estiveram no local.<p>
<p>
<h3>Arraiá da Convivência</h3><p>

Os 38 Grupos de Convivência da secretaria de Ação Comunitária de Volta Redonda realizaram ontem, sexta, 11, na Praça Sávio Gama, o “Arraiá da Convivência”, com direito a apresentação especial do grupo Nonô dos Canarinhos e do prefeito Gotardo, na foto, dançando com uma das integrantes dos Grupos. <p>
A Quadrilha da Convivência foi criada em 1999, com o objetivo  de resgatar para os mais novos as antigas tradições e preservar a Cultura dos Folguedos Juninos, com comidas típicas e a dança da quadrilha. O Arraiá da Convivência de ontem teve farta distribuição de comidas típicas, como canjica doce, canjiquinha, quentão, broa, batata doce e bolo, além da apresentação da Quadrilha da Convivência, bi-campeã  em 2006 e 2008, no Concurso de Quadrilha do Vale do Paraíba, realizado na cidade de Queluz, Estado de São Paulo.<p>
<p>
<h3>Festa das Nações</h3> <p>
A Igreja Presbiteriana Viva da Voldac, em Volta Redonda, estará promovendo nos dias 18 (sexta) e 19 (sábado), a partir das 19 horas, a Festa das Nações, com brincadeiras, show de calouros e barracas típicas de outros países e de vários estados do Brasil. O evento servirá também para destacar o trabalho desenvolvido pelos missionários da igreja, que estão espalhados por diversas partes do país e do mundo, prestando ajuda humanitária ao povo mais pobre do planeta. <p>
Detalhe: cada barraca deverá estar representando um lugar onde tenha missionários trabalhando, como o estado do Pará e o Chile, por exemplo. Toda a renda da Festa das Nações será revertida para as diversas missões existentes. O endereço da Igreja é Avenida Nossa Senhora do Amparo, nº 1.154, no bairro Voldac. A entrada é de graça.</p>
		<h3></h3>
		<p></p>
		<p class="assinatura"></p>

		<p>
		<div id="rodape"><a href="#" target="_top"><em><alto></em><br>
	</a><br>
	© Jornal aQui. Todos os direitos reservados.</div>
	</div>
	</div>		
	
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

Poste um link para ajudar!!!

 

ficar copiando e colando o seu código não é muito legal, leva tempo e trabalho!

 

e creio que todos aqui não tem isso de sobra!

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carlos Designer    0

Carlos Designer
Postado

o seu conteudo e seu menu estão flutuando dentro da div principal, então você precisar usar um truque para desobstruir esses floats de forma div principal entender que tem algo dentro dela.

 

tenta criar algo do tipo:

.spacer{clear:both;}

e coloca depois da div conteudo, mais ou menos assim:

<div id="rodape">
	<a href="#" target="_top"><em><alto></em><br>
	</a><br>
	© Jornal aQui. Todos os direitos reservados.</div>
</div>
<div class="spacer"></div>

e da uma olhada na pagina no ie6 que ta diferente tb!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carlos Designer    0

Carlos Designer
Postado

Carlos, como você explicou vai funcionar.

Mas não seria mais fácil (e prático) colocar o clear:both; na div rodapé?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

creio que não porque a div rodape esta dentro da div conteudo e não na div geral

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Reveja sua estrutura, está muito confusa...

 

O que você precisa no final é algo mais ou menos assim:

<div id="geral">
	<div id="menu">[com float:left]</div>
	<div id="conteudo">[com float:left]</div>
	<div id="rodape">[com clear:both]</div>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carlos Designer    0

Carlos Designer
Postado

fala galera, segui todas as orientações mas continua não dando certo. O que pode ser?

 

douglasmesquita tenta do jeito que eu escrevi que funcina sim, eu até testei aqui!

 

.spacer{clear:both;}

<div id="rodape">
	<a href="#" target="_top"><em><alto></em><br>
	</a><br>
	© Jornal aQui. Todos os direitos reservados.</div>
</div>
<div class="spacer"></div>
</div>		
	
</body>
</html>

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