Redimencionar Div De Acordo Com A Outra
Started By Crab, 15/02/2008, 10:42
12 replies to this topic
#1
Posted 15/02/2008, 10:42
Minha perguta parece batida mas talvez eu tenha me complicado em descrever a dúvida...
Exemplo:
Tenho duas divs lado a lado, a da esquerda tem o height:auto;
Quero saber se tem como descobrir o height que a DIV assume de acordo com o conteúdo que tem dentro dela...
Tipo a div é height:auto;, mas obviamente é nítido que ela expande ou diminui de acordo com o seu conteúdo e assim assume variados tamanhos em px, mesmo que não definidos literalmente.
Há como pegar o height que uma div está utilizando de acordo com sua expansão ou redução de altura... mesmo ele estando como auto; no css?
Finalidade Banal:
Gostaria de colocar em uma condicional que a div da direita aumente no mesmo tamanho da div esquerda usando JS
Pegando o height em tempo real da div esquerda e aplicando na div direita... algo assim.
Se estiver no lugar errado desculpe e movam por favor.
Se já é batido a mesma dúvida me indiquem um link por favor
Obrigado
Até mais
Exemplo:
Tenho duas divs lado a lado, a da esquerda tem o height:auto;
Quero saber se tem como descobrir o height que a DIV assume de acordo com o conteúdo que tem dentro dela...
Tipo a div é height:auto;, mas obviamente é nítido que ela expande ou diminui de acordo com o seu conteúdo e assim assume variados tamanhos em px, mesmo que não definidos literalmente.
Há como pegar o height que uma div está utilizando de acordo com sua expansão ou redução de altura... mesmo ele estando como auto; no css?
Finalidade Banal:
Gostaria de colocar em uma condicional que a div da direita aumente no mesmo tamanho da div esquerda usando JS
Pegando o height em tempo real da div esquerda e aplicando na div direita... algo assim.
Se estiver no lugar errado desculpe e movam por favor.
Se já é batido a mesma dúvida me indiquem um link por favor
Obrigado
Até mais
Crab - Ex-Administrador Geral fórum WMO
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
#2
Posted 15/02/2008, 11:11
div.offsetHeight
document.getElementById("div_id").offsetHeight;
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#3
Posted 15/02/2008, 12:56
Eu sei que offsetHeight e similares foram introduzidos pela Microsoft no IE, mas não tenho certeza se foi adotado pelos outros navegadores. Na documentação da Mozilla tem uma página sobre esta propriedade, então creio eu que funcionará. Qq coisa dá um toque ae.
WebFórum - Equipe de Desenvolvimento - Monitor
Yeah I do have some stories, and it's true I want all the glory ...
Yeah I do have some stories, and it's true I want all the glory ...
#4
Posted 15/02/2008, 16:07
Pode crer... valeu aí Alex e Bimonti...
Vou dar uma testada aqui mais tarde... acabei de chegar do bar... ops do trabalho
Valeu a força
Até mais
Vou dar uma testada aqui mais tarde... acabei de chegar do bar... ops do trabalho
Valeu a força
Até mais
Crab - Ex-Administrador Geral fórum WMO
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
#5
Posted 15/02/2008, 18:49
Funciona sim. O único 'problema' é que o Firefox acho que dá uns dois pixels a mais que os outros navegadores.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#6
Posted 17/02/2008, 17:40
Então...
Desculpa o POG, mas isso é tudo novo pra mim...
ahh só funcionou completamente no FF
Utilizando a função:
Quanto as diferenças de navegador...
FireFox para IE tem uma diferença de 12px no pegar do height
Usando setattribute só atribui usando o FF
Depis que fazer funcionar a aplicação do height no IE terei que colocar em condicional do tipo de engine e reduzir 12px caso seja IE
GAMBIIIIIIIIIIIII
Até mais
Desculpa o POG, mas isso é tudo novo pra mim...
ahh só funcionou completamente no FF
function get_h(){ x = document.getElementById("conteudo").offsetHeight; y = document.getElementById("lateral"); y.setAttribute('style', 'height:'+x+'px;'); }
Utilizando a função:
<body onload = "get_h()" >
Quanto as diferenças de navegador...
FireFox para IE tem uma diferença de 12px no pegar do height
Usando setattribute só atribui usando o FF
Depis que fazer funcionar a aplicação do height no IE terei que colocar em condicional do tipo de engine e reduzir 12px caso seja IE
GAMBIIIIIIIIIIIII
Até mais
Crab - Ex-Administrador Geral fórum WMO
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
canaldev.com.br
sistemabasico.com.br
twitter.com/sistemabasico
twitter.com/lunelli
#7
Posted 17/02/2008, 18:54
É que o IE não entende o style como atributo. Ele também tem problemas ao setar uma class.
Tente usar assim:
Tente usar assim:
y.style.height=....
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#9
Posted 07/10/2017, 00:48
Entre Amoxil buy viagra online Amoxicillin Fish Retina A Without Precription
Real Propecia Results Discount Isotretinoin Acne For Sale Best Website Visa online pharmacy buy liquid accutane
Real Propecia Results Discount Isotretinoin Acne For Sale Best Website Visa online pharmacy buy liquid accutane
#10
Posted 07/10/2017, 13:55
Order Silagra Online Que Es Cialis Levitra Free Viagra Sample cialis online Kgr 100 Kamagra How Can I Save Money On Viagra Corlistat In Australia
Can Amoxicillin Get You Hi Ordonnance Viagra bayer brand name levitra Propecia Kaufen Deutschland Viagra Di Sergio Rubino Priligy Usa Blog
Xenical Prix Belgique Viagra Kaufen Mg cheapest brand name levitra Canadian Pharmacy Overnight Delivery Amoxicillin Compare Bactrim Ds
Viagra Generico Migliore Levitra Adiccion Viagra Abnehmen generic cialis Online Viagra Forum Cialis 10mg Kaufen Prix Du Levitra 10 Mag
Aquista Cialis Cialis 20 Mg Paypal generic levitra 40 mg no prescription Fast Shipping Cialis Daily Cephalexin Uti Dogs Cialis Boite De 16
Can Amoxicillin Get You Hi Ordonnance Viagra bayer brand name levitra Propecia Kaufen Deutschland Viagra Di Sergio Rubino Priligy Usa Blog
Xenical Prix Belgique Viagra Kaufen Mg cheapest brand name levitra Canadian Pharmacy Overnight Delivery Amoxicillin Compare Bactrim Ds
Viagra Generico Migliore Levitra Adiccion Viagra Abnehmen generic cialis Online Viagra Forum Cialis 10mg Kaufen Prix Du Levitra 10 Mag
Aquista Cialis Cialis 20 Mg Paypal generic levitra 40 mg no prescription Fast Shipping Cialis Daily Cephalexin Uti Dogs Cialis Boite De 16
#11
Posted 14/10/2017, 19:22
Sinus Infection Amoxicillin Where To Buy Pyridium Medication Cod Only Store levitra online order Buy Kamagra 150mg Geschmack Levitra
Vigra For Men Propecia How To Apply Cialis Free levitra without prescription Where To Order Clobetasol Farmacias Online En Canada Drug Interaction Lamictal Keflex
Betta Fish Amoxicillin Can Amoxicillin Treat Step Throat viagra Propecia Testicular Atrophy Dove Comprare Cialis Generico Online
Super Kamagra Billig Viagra Bestellen Auf Nachnahme Viagra Taglich levitra professional Purchase Flagyl Prescription
Propecia Sin Receta Amoxil Buy viagra Cephalexin Diclofenac Mixed
Proviron Levitra Acquistare cialis Isotretinoin Direct Vt Logistics Singapore Viagra
Vigra For Men Propecia How To Apply Cialis Free levitra without prescription Where To Order Clobetasol Farmacias Online En Canada Drug Interaction Lamictal Keflex
Betta Fish Amoxicillin Can Amoxicillin Treat Step Throat viagra Propecia Testicular Atrophy Dove Comprare Cialis Generico Online
Super Kamagra Billig Viagra Bestellen Auf Nachnahme Viagra Taglich levitra professional Purchase Flagyl Prescription
Propecia Sin Receta Amoxil Buy viagra Cephalexin Diclofenac Mixed
Proviron Levitra Acquistare cialis Isotretinoin Direct Vt Logistics Singapore Viagra
#12
Posted 01/11/2017, 01:41
Propecia Medical Results compare viagra to cialis and levitra Amoxicillin A Clavulante Potassium Tablets
Propiedades Propecia Zithromax Online With Mastercard Buy Pfizer Brand Viagra Online viagra Cialis Sur Internet Side Affects Of Keflex
Propecia En La Mujer online pharmacy Propecia In Women Hair Loss Valacyclovir Viagra Pas De La Case
Propiedades Propecia Zithromax Online With Mastercard Buy Pfizer Brand Viagra Online viagra Cialis Sur Internet Side Affects Of Keflex
Propecia En La Mujer online pharmacy Propecia In Women Hair Loss Valacyclovir Viagra Pas De La Case
#13
Posted 27/11/2017, 22:36
Penicillin And Cephalexin Together Gogetdrugs cheap levitra online Impetigo Amoxicillin Cialis 5mg Dosierung Erfahrungen Propecia Effect
Cialis Kamagra Jelly Kamagra How It Works cialis price Cialis Online Rezeptfrei Aus Kanada Dosage Cephalexin
Buy Generic Plavix In Us Achat De Cialis En Suisse Amoxicillin Dairy viagra prescription Prezzo Viagra Nelle Farmacie
Cialis Kamagra Jelly Kamagra How It Works cialis price Cialis Online Rezeptfrei Aus Kanada Dosage Cephalexin
Buy Generic Plavix In Us Achat De Cialis En Suisse Amoxicillin Dairy viagra prescription Prezzo Viagra Nelle Farmacie
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)