Jump to content


Photo

Problema Com Altura Variável Do Div


  • Faça o login para participar
11 replies to this topic

#1 Fabricio Gabaldi

Fabricio Gabaldi

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Não informado
  • Localidade:SP

Posted 04/09/2006, 16:16

Boa tarde pessoal!

Estou trabalhando em um projeto .Net, porém quero utilizar tableless+CSS para formatar o layout. A página está dividida em três frames, o superior, o lateral e o central. Porém estou tendo dificuldade no lateral.
Esse frame lateral, conterá um TreeView. Eu formatei a página desse frame em três DIV básicas. Uma para ficar de fundo e ser utilizada como borda do DIV que conterá o TreeView, o Div do TreeView e um para um logo.
Porém quero deixá-los de forma que o logo sempre esteja posicionado abaixo e sempre visível e a ALTURA do DIV do TreeView seja redimensionado conforme o tamanho do Browser.

Aqui está um modelo do código da página:


<style>
	body 
	{
			background-color:#EFEEE7;
			height:100%;
	}
	
	#fundo
	{
		background-color:#ACBBBF;
		border: 1px solid #7E8994;
		width:200px;
		bottom:60px;
		top:0px;
		left:5px;
		right:5px;
		position:absolute;
	}
	
	#conteudo
	{
		border-color:#7E8994;
		border-width:2px;
		border-style:solid;
		background:#E4ECEE;
		top:40px;
		left:31px;
		right:13px;
		bottom:60px;
		overflow:auto;	
		position:absolute;
		width:172px;		
	}
	
	#logo
	{
		background-color:#00CCFF;
		left:5px;
		width:202px;
		bottom:5px;
		height:50px;
		position:absolute;
	}
  </style>
   

<body topmargin=0>
	
	<div id="fundo">
		
			  
	</div>
	
	<div id="conteudo">
	
		<form id="form1" runat="server">
						  
				<!--Tree View AQui-->				
																								  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>
						  A<p></p>  
		</form>
	</div>
	<div id="logo">
		
	</div>



O problema que estou enfrentando surgiu a pouco. Como estava desenvolvendo utilizando o IE 7, estava OK. No Firefox funciona também. Porém no IE6, o fundo não adquire o tamanho correto e o conteudo, ao qual vai o TreeView, ultrapassa o limite do DIV do logo, assumindo 100% do body a partir da posição ao qual indiquei.

Exemplo no Firefox:

Posted Image

Exemplo no IE 6:

Posted Image

Alguém sabe como posso resolver essa formatação no IE de acordo com o FireFox?

Desde já agradeço!

Abs,

#2 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 04/09/2006, 17:53

olá amigo não sei se no teu caso vai ajudar mas na formatação do logo adicione clear:both


[]'s
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#3 Fabricio Gabaldi

Fabricio Gabaldi

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Não informado
  • Localidade:SP

Posted 05/09/2006, 10:50

Bom dia!
Muito obrigado pela atenção! Mas nesse caso, o clear não funciona para resolver o problema.
O IE 6, não entende quando apenas posto as coordenadas das posições top, left, right e bottom sem declarar um height e width para ele, apenas aumentaria seu tamanho, caso nesse DIV, tivesse um conteúdo, porém o DIV ficaria do tamanho de seu conteúdo e não de acordo com as coordenadas que passei.
No Firefox, apenas passando as coordenadas, o browser entende e sempre deixa o tamanho de acordo com as distâncias que especifiquei para o DIV em relação ao browser. E era justamente isso que eu gostaria de fazer no IE 6. No IE 7, que ainda é BETA, isso já foi resolvido. Mas a grande maioria ainda utiliza o 6.

Alguém sabe uma solução para o caso?

Abs!

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 05/09/2006, 19:12

Usa os princípios de Layout Líquido, seta o height do layer em % (eg.80%) ... E de repente você poderia mudar o overflow pra scroll .. afinal você quer q ele crie a barra de rolagem se o conteúdo for maior né ?? Deixando auto, em alguns navegadores e alguns Doctypes ele vai aumentar o layer até preencher o conteúdo.

Qualquer coisa estamos ae na luta! :boxing:
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 Fabricio Gabaldi

Fabricio Gabaldi

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Não informado
  • Localidade:SP

Posted 06/09/2006, 10:30

Opa Bimonti! Vlw!
Eu já testei com tamanho em porcentagem e não funciona exatamente do jeito que eu gostaria, vou dar uma exemplificada:

Menu1 Browser Maximizado:



Posted Image



Menu2 Browser com tamanho menor:



Posted Image



Nas figuras, o tracejado representa o browser.

O y é o height do logo.

O x a margin-top e margin-bottom do logo.

E z é o height total do DIV conteudo e o container dele.

O que eu gostaria é que, quando em tamanho menor de browser (funcionando também para resoluções diferentes de tela), o y e o x fossem sempre mantidos e o logo sempre visível.

O que diminuiria sempre seria o z, sempre mantendo o espaço em relação ao logo. Os Divs containers e conteudo sempre teriam o mesmo alinhamento de baixo, mantendo seus bottoms na mesma posição.

Dentro do conteudo, existiria um scroll caso necessário.

Isso, através do meu código, funcionava no Firefox. Da maneira que se encontra no FF, eu gostaria de fazer no IE.

Se eu utilizar porcentagem, a distância x será variável e o conteúdo, onde ficaria a TreeView, dependendo da resolução, ultrapassa o limite do logo e fica com altura variável em relação ao fundo dela. Sacou?

Qualquer sugestão eu agradeço!

Abs a todos!

#6 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 17/09/2017, 14:46

Online Pharmacy Reviews cialis buy online Genericforall
Tomar Cialis Mujer Side Effects Cephalexin
Strattera <a href=http://cialtobuy.com>viagra cialis</a> Amoxicillin And Clavulanate Potasssium Drug Information
Achat Kamagra Canada cialis Propecia Dosage Active Ingredient How To Get Viagara In Sydney Comprar Cialis Andalucia Where Can I Buy Fedex Provera Cheap cialis Generika Kamagra Rezeptfrei Bestellen
Find Dutasteride 0.5mg Cheapeast Medication Mastercard Cash Delivery cialis Brand Viagra Online Canadian Pharmacy
Canadian Pharmacy Lasix Pills accutane online for sale Buy Propecia Online Reviews
1 Propecia Vs 5 Propecia <a href=http://cialtobuy.com>cialis buy online</a> Acquisto Levitra In Farmacia

#7 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 18/09/2017, 15:49

Omeprazole Amoxicillin cialis Can You Buy Flagyl Over The Counter
Propecia Skin Rash Cialis Pharmacie En Ligne Cialis Generique Cialis Pastiglie
Acheter Cytotec En Ligne online pharmacy Amoxicillin .25g Dosage Information

#8 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 05/10/2017, 05:38

Vendita Kamagra France viagra Buy Workout Equipment With Echeck Cialis Commander
Cheap Canadian Pfizer Viagra Vardenafil In Osterreich Erhaltlich viagra Propecia Testicular Shrinkage Supreme Suppliers In India Cialis Wo Rezeptfrei
Donde Comprar Viagra Para Mujeres Achat Generique Cialis Professional Viagra Comentarios viagra Comprar Cialis Internet Foro Lasix Online Uk
Buy levitra in europe Finasteride Online Mastercard What Is Viagra For Men online pharmacy Biaxin Buy Kamagra Without Prescription

#9 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 05/10/2017, 21:44

Dapoxetina Romania Where To Buy Cheap Cialis Urolosin O Propecia viagra Prix Xenical
Nitrostat With Out Rx Fa Male Comprare Propecia Buy Female Viagra Canada viagra Gunstig Viagra Bestellen
Viagra Professional 100 Mg Generic cialis Lasix With No Rx Fast Shipping Costco Generic Propecia
Amoxicillin Rx655 Mail Order Drugs From Canada Viagra Bestellen Anoniem viagra vs cialis vs levitra samples Buy Aricept Canada Viagra Generic Levitra Tadalis Sx Viagra 50 Mg Quick Dissolve
Levitra Effetti Collaterali Diflucan For Sale Order Now Stendra Erectile Dysfunction Cash Delivery Medicine viagra cialis Buy Levitra?Overnight Delivery
How Safe Is Kamagra Pharmacy Zithromax buy viagra online Cialis 200 Mg Canadian Phamacy Recommended Online Pharmacies
Viagra Alternative Apotheke buy viagra Canadian Cialis Without Prescription
Prescriptions For Propecia In Nj Amoxicillin High Buying Propecia Online Uk Safe viagra Viagra Super Dulox Levothyroxine Without Subscription
Dosis Kamagra Jelly Lioresal Pas Cher 25mg Tamoxifen Citrate Buy Online generic levitra 40 mg Cialis Zollfrei Abc Online Pharmacy

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 21/10/2017, 04:42

Discount Amoxicilina Saturday Delivery Medicine C.O.D. Amoxicillin At Cvs Buy Nolvadex Tamoxifen Uk viagra Finasteride 1 Mb Propecia
Overnite Shipping On Vigar cialis Forgot To Refrigerate Amoxicillin
Best Discounts Rx In Canada Mirapex Nolvadex Dosage For Epistane buy cialis Rx Cheap Propecia Buy Doxycycline North Ayrshire Cialis Generico Mejor Precio
Bupropion No Prescription Zithromax 2 Pills cialis Keflex Staph Infection Water Pills On Line Pharmacy

#11 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 02/11/2017, 10:10

Disolving Amoxicillin Effects Of Alcohol On Amoxicillin Viagra Per Prestazione online pharmacy Cheapest Synthroid No Prescription On Line Doryx Jenacyclin In Internet Proscar Ot Propecia
Viagra 25mg Filmtabletten 4 Stuck online pharmacy Bentyl Diciclomina Spastic Colon On Line Kamagra Next Day Delivery
Cheap 25 Mg Viagra Price Buy Valtrex Cheap Online viagra Achat De Cialis Canada

#12 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 25/11/2017, 12:52

Order Meds Online Cialis Nelle Urine Info On Amoxicillin cialis Nizoral Pills Cheap No Perscription Farmacia Online Propecia Cheap Priligy Drugs
Levitra Generico Acquisto On Line Prix Pilule Viagra En Pharmacie Buy Viagra Jelly viagra Propecia E Disfuncion Erectil Propecia Weight Training Keflex Nursing Mother
Fastest Way To Get Clomid Pct viagra Zithromax Gastrointestinal Side Effects Stromectol 3mg Sildenafil For Men
Cytotec 200 Fausse Couche levitra 40 mg best price Clarinex Viagra Compare Price Lasix Drug Interaction
Lasix Pills Online Mono And Amoxicillin Rash cheapest levitra 20mg Achat Lasilix 100 Mg En France 4 Corners Pharmacy New Zealand




0 user(s) are reading this topic

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

IPB Skin By Virteq