Search Avançado
Onde procurar

This topic

Fóruns

Membros

Help Files
Novas postagens

Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Problema Com Div Auto Ajustável

Started By Thyago Henrique, 25/05/2009, 08:56

Faça o login para participar

29 replies to this topic

#16 Thyago Henrique

Turista

Usuários
58 posts

Sexo:Masculino

Posted 26/05/2009, 11:27

nao sei se dá certo usando 2 divs..

tenta usar uma só e usa mais <p><h1> etc..

dá pra voce jogar uma div só e separar o conteudo com paragrafo <P> e editar como se fosse uma div, tenta ae..

OK. com isso ele ajeitou, porém ainda não esta reajustando as divs conforme necessito. Veja como ficou:

Abraço

Thyago

nao sei se dá certo usando 2 divs..

tenta usar uma só e usa mais <p><h1> etc..

dá pra voce jogar uma div só e separar o conteudo com paragrafo <P> e editar como se fosse uma div, tenta ae..

OK. com isso ele ajeitou, porém ainda não esta reajustando as divs conforme necessito. Veja como ficou:

Abraço

Thyago

Lembrando também que existe mais uma div que é a rodapeConteudo que não esta descendo também conforme o conteúdo.

nao sei se dá certo usando 2 divs..

tenta usar uma só e usa mais <p><h1> etc..

dá pra voce jogar uma div só e separar o conteudo com paragrafo <P> e editar como se fosse uma div, tenta ae..

OK. com isso ele ajeitou, porém ainda não esta reajustando as divs conforme necessito. Veja como ficou:

Abraço

Thyago

nao sei se dá certo usando 2 divs..

tenta usar uma só e usa mais <p><h1> etc..

dá pra voce jogar uma div só e separar o conteudo com paragrafo <P> e editar como se fosse uma div, tenta ae..

OK. com isso ele ajeitou, porém ainda não esta reajustando as divs conforme necessito. Veja como ficou:

Abraço

Thyago

Lembrando também que existe mais uma div que é a rodapeConteudo que não esta descendo também conforme o conteúdo.

Vejam como esta esta estrutura do html e como esta o código css

HTML:

<div id="colEsq">
			<div id="sepEsqcolCentral">
				<div id="conteudoPagina">
					<div id="colCentralMaster">
						<p id="conteudoInterno">
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
							ESTA É A COLUNA QUE TERIA DE AUMENTAR CONFORME O CONTEÚDO
						</p>
					</div>
					<div id="rodapeConteudo"></div>
				</div>
			</div>
			<div id="rodapePagina"></div>		  
		</div>

Agora o CSS:

#conteudoInterno
{
  border-left: 2px solid #fc8e0c;
  border-right: 2px solid #fc8e0c;
  width: 702px;
  margin: 275px 0 0 8px;
  padding: 20px 5px 5px 5px; 
  min-height: 325px;
  text-align: justify;
}

#colCentralMaster
{
	background-image: url('images/home_promissao.png');
	background-repeat:no-repeat;
	background-position:center;
	vertical-align:top;
	width: 735px;
	min-height: 358px;
	margin: -240px -10px;
	padding: 10px;
	position: relative;
}

#17 Kahor

12 Horas

Usuários
230 posts

Sexo:Masculino

Posted 26/05/2009, 11:52

Faz o que o Édipo falou e tambem usa o seguinte, quando tiver uma div dentro da outra voce coloca no css, ex

<div id="1">
	<div id="2">
	</div>
</div>

CSS

#1 {;}
#1 #2 {;}

E os <p> usa

p#NomeDoID {;}

E ainda to achando que voce está usando muitas divs, tenta tirar o max e só usa as essenciais..

#18 Thyago Henrique

Turista

Usuários
58 posts

Sexo:Masculino

Posted 26/05/2009, 12:47

Faz o que o Édipo falou e tambem usa o seguinte, quando tiver uma div dentro da outra voce coloca no css, ex
<div id="1">
	<div id="2">
	</div>
</div>

CSS

#1 {;}
#1 #2 {;}
E os <p> usa
p#NomeDoID {;}
E ainda to achando que voce está usando muitas divs, tenta tirar o max e só usa as essenciais..

Não entendi exatamente o que tenho de fazer no css. Desculpe, mas vc pode me explicar novamente?

#19 Kahor

12 Horas

Usuários
230 posts

Sexo:Masculino

Posted 27/05/2009, 08:55

Voce tem que colocar os elementos pais tambem:

#colEsq #sepEsqcolCentral #conteudoPagina #colCentralMaster p#conteudoInterno
{
  border-left: 2px solid #fc8e0c;
  border-right: 2px solid #fc8e0c;
  width: 702px;
  margin: 275px 0 0 8px;
  padding: 20px 5px 5px 5px; 
  min-height: 325px;
  text-align: justify;
}

E como falei, tenta diminuir as divs, por que voce está se perdendo, e quando dá um erro assim é dificil acha-lo.

Se puder manda zipado os arquivos pra eu ver aqui, por que só por codes fica meio complicado ajduar.

#20 Thyago Henrique

Turista

Usuários
58 posts

Sexo:Masculino

Posted 28/05/2009, 12:41

OK. vc tem um msn onde possamos trocar uma idéia? Assim, passo pra vc por la

Galera,

Consegui aqui de outra forma fazer com que aumentasse conforme o conteudo. O que fiz, foi diminuir a quantidade de divs que poderiam estar dando a bagunça toda que vcs viram. Porém, ainda estou com um probleminha. Veja na imagem. Coloquei o fundo da pagina em preto para ficar mais facil a visualização de vcs. Ela esta com uma margem no topo e na parte de baixo da div conteudo, porém não coloquei nenhuma margem. Vou postar também o código HTML e CSS.

-> Imagem

-> HTML

<div id="DivPagina">
		<div id="CabecalhoPagina">
			<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
		</div>
		<div id="FundoPagina">
			<div id="PaginaPrincipal">
				<div class="TopoPaginaPrincipal"></div>
				<div class="ConteudoPaginaPrincipal">
					<p>COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL</p>
				</div>
				<div class="RodapePaginaPrincipal"></div>
			</div>
		</div>
		<div id="Menu">
		   Menu
		</div>
		<div id="RodapePagina"></div>
	</div>

-> CSS

body 
		{
			margin: 10px;
			background-image: url('images/texture.jpg');
		}

		#DivPagina{
			width: 943px; 
			min-height: 571px;
			position:absolute;
			left: 50%;
			margin-left:-460px;
		}
		
		#CabecalhoPagina
		{
			background-image:url(images/cabecalho.png);
			width: 943px;
			height: 115px;
		}
		
		#FundoPagina
		{
			background-color: #FFFFFF;
			width: 939px;
			min-height: 437px;
			border-left: solid 2px #ff8a00;
			border-right: solid 2px #ff8a00;
		}
		
		#RodapePagina
		{
			background-image: url(images/rodape.png);
			width: 943px;
			height: 19px;
		}
		
		#Menu
		{
			position: absolute;
			width:200px;
			float: left;
			background-color:#3b2f8a;
			padding-bottom: 5px;
			padding-top: 5px;
			min-height: 75px;
			top: 117px;
			left: 5px;
		}
		
		#PaginaPrincipal
		{
			background:#22232F;
			color:#991;
			text-align:justify;
			width: 735px;
			min-height: 420px;
			margin-right: 10px;
			margin-left: 203px;
		}
		
		.TopoPaginaPrincipal
		{
			background-image: url(images/pagina_04.png);
			width: 735px;
			height: 45px;
		}
		
		.ConteudoPaginaPrincipal
		{
			background-image: url(images/home.png);
			background-repeat: no-repeat;
			width: 712px;
			min-height: 350px;
			border-left: solid 2px #fc8e0c;
			border-right: solid 2px #fc8e0c;
			margin-left: 9px;
			vertical-align: top;
		}
		
		.RodapePaginaPrincipal
		{
			background-image: url(images/pagina_10.png);
			width: 735px;
			height: 32px;
		}

[]'s

Thyago

Galera. Finalizado. Deu tudo certo aqui. Adicionei duas novas linhas no css. Vejam:

* {
			margin: 0;
			padding: 0;
		}

Agradeço a todos pelas dicas!!

Abraços!

Edição feita por: Thyago Henrique, 27/05/2009, 09:23.

#21 Thyago Henrique

Turista

Usuários
58 posts

Sexo:Masculino

Posted 03/06/2009, 16:36

Pessoal,

Apenas mais uma dúvida.

Este código esta funcionando corretamente no Chrome e Safira porém no Firefox e Opera, ele esta jogando a tela pra fora da div central. Existe um hack que eu possa corrigir isto?

Vejam a imagem como ficou!!

P.S.: Não testei ainda no Internet Explorer

Agradeço a todos pela atenção! (y)

Thyago

#22 Kahor

12 Horas

Usuários
230 posts

Sexo:Masculino

Posted 03/06/2009, 17:39

Ai complicou hein ;D

Posta os códigos para analizarmos.

PS.: A cada mudança que faça teste em TODOS os navegadores, nem que seja pra mudar a cor de uma letra.

#23 Thyago Henrique

Turista

Usuários
58 posts

Sexo:Masculino

Posted 04/06/2009, 09:22

Segue os códigos HTML e CSS

-> HTML

<div id="DivPagina">
		<div id="CabecalhoPagina">
			<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
		</div>
		<div id="FundoPagina">
			<div id="PaginaPrincipal">
				<div class="TopoPaginaPrincipal"></div>
				<div class="ConteudoPaginaPrincipal">
					<p>COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL
					COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL COLUNA CENTRAL</p>
				</div>
				<div class="RodapePaginaPrincipal"></div>
			</div>
		</div>
		<div id="Menu">
		   Menu
		</div>
		<div id="RodapePagina"></div>
	</div>

-> CSS

body 
		{
			margin: 10px;
			background-image: url('images/texture.jpg');
		}

		#DivPagina{
			width: 943px; 
			min-height: 571px;
			position:absolute;
			left: 50%;
			margin-left:-460px;
		}
		
		#CabecalhoPagina
		{
			background-image:url(images/cabecalho.png);
			width: 943px;
			height: 115px;
		}
		
		#FundoPagina
		{
			background-color: #FFFFFF;
			width: 939px;
			min-height: 437px;
			border-left: solid 2px #ff8a00;
			border-right: solid 2px #ff8a00;
		}
		
		#RodapePagina
		{
			background-image: url(images/rodape.png);
			width: 943px;
			height: 19px;
		}
		
		#Menu
		{
			position: absolute;
			width:200px;
			float: left;
			background-color:#3b2f8a;
			padding-bottom: 5px;
			padding-top: 5px;
			min-height: 75px;
			top: 117px;
			left: 5px;
		}
		
		#PaginaPrincipal
		{
			background:#22232F;
			color:#991;
			text-align:justify;
			width: 735px;
			min-height: 420px;
			margin-right: 10px;
			margin-left: 203px;
		}
		
		.TopoPaginaPrincipal
		{
			background-image: url(images/pagina_04.png);
			width: 735px;
			height: 45px;
		}
		
		.ConteudoPaginaPrincipal
		{
			background-image: url(images/home.png);
			background-repeat: no-repeat;
			width: 712px;
			min-height: 350px;
			border-left: solid 2px #fc8e0c;
			border-right: solid 2px #fc8e0c;
			margin-left: 9px;
			vertical-align: top;
		}
		
		.RodapePaginaPrincipal
		{
			background-image: url(images/pagina_10.png);
			width: 735px;
			height: 32px;
		}

		* 
		{
			margin: 0;
			padding: 0;
		}

Abraço

Thyago

#24 LarPhozyHah

Super Veterano

Usuários
14515 posts

Sexo:Masculino
Localidade:San Miguel de Tucuman

Posted 24/09/2017, 14:34

Dove Trovare Dapoxetina Amoxicillin Picture Of Tablet Pillola Viagra Senza Ricetta cialis price Comment Durer Plus Longtemps Hommes Table And Chair Rentals Temple Texas

#25 LarPhozyHah

Super Veterano

Usuários
14515 posts

Sexo:Masculino
Localidade:San Miguel de Tucuman

Posted 30/09/2017, 13:21

Buy Clozapine No Prescription Carte Levitra cialis Tomar Propecia Comprar
Cheep No Prescription Cialis Cialis Doux cialis buy online Priligy Terapia
Cialis Nota 75 cialis price Zithromax While Pregnant Achat Levitra En Bretagne What Does Keflex Do

#26 LarPhozyHah

Super Veterano

Usuários
14515 posts

Sexo:Masculino
Localidade:San Miguel de Tucuman

Posted 10/10/2017, 07:37

Acheter Cialis Pharmacie France Keflex Affect Kidneys Famciclovir Cost buy cialis Vente De Lioresal
Priligy Precio 60 Mg Pilule Cialis Site Acheter Cialis online pharmacy Cialis Y Embarazo Canadian Pharmacies Cialis

#27 LarPhozyHah

Super Veterano

Usuários
14515 posts

Sexo:Masculino
Localidade:San Miguel de Tucuman

Posted 26/10/2017, 16:17

Keflex Liquid Concentration wheretobuylevitrapills Achat Viagra France Amoxicillin Suspension Ingredients
discount worldwide fedex shipping isotretinoin pills Brand Viagra For Sale pill price levitra Donde Comprar Levitra

#28 LarPhozyHah

Super Veterano

Usuários
14515 posts

Sexo:Masculino
Localidade:San Miguel de Tucuman

Posted 07/11/2017, 07:26

Farmacia On Line Cialis Generico Cytotec Online Pharmacy Uk Amoxicillin What Is viagra Viagra Rosa Viagra Levitra Cialis Comparison Viagra Besoin Ordonnance

#29 RonsisM

Super Veterano

Usuários
15724 posts

Sexo:Masculino
Localidade:Plovdiv

Posted 07/11/2017, 11:16

Vendo Viagra En Barcelona Espana Acheter Kamagra Pas Cher Paris Viagra Sans Ordonnance Forum viagra Buying Viagra Online
Levitra In The Usa Today Buy Sertraline Black Market Estrogen viagra Acheter Cialis Super Active
Generic Levitra For Sale Viagra And Generic Drug cialis Super P Force Us Buy Cheap Propecia Uk
Propecia Transaminasas Generic Zithromax Uk Viagra Positive Nebenwirkungen cialis Kamagra Prix Discount Achat Clomid Clomiphene Cephalexin Trigger Imha
Retin A Online online pharmacy Amoxicillin Antibiotic
Generic Levitra Prices Misoprostol 200 Mcg Tablet cialis Priligy Panama Cephalexin Dosage For Urinary
Acheter Du Cialis En Belgique Viagra O Cialis levitra non prescription Comprar Viagra Por Internet En Espana Seroflo Amoxicillin Side Effects In Pets
Propecia Y Dutasteride Buy Merck Propecia viagra Eliferx Cialis Foro Cialis O Levitra

#30 Miguceamma

MiguPenjisse

Usuários
13201 posts

Posted 07/11/2017, 13:26

Drugs Online Without Prescription online pharmacy Costo Cialis 10 Mg
How To Get Zithromaz Without Prescription Over Night Shipping cialis Levitra Side Effects Vision Tarif Levitra

Voltar para HTML, CSS e Metodologias

1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

Problema Com Div Auto Ajustável

1 user(s) are reading this topic

Entrar