Jump to content


Photo

Redimencionar Div De Acordo Com A Outra


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

#1 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

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

:rolleyes:Até mais

#2 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

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 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

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
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#4 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

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 :assobio:

Valeu a força

(y) Até mais

#5 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

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 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 17/02/2008, 17:40

Então...

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

:DAté mais

#7 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

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:
y.style.height=....

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#8 HaroNism

HaroNism

    Super Veterano

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

Posted 23/09/2017, 14:09

Levitra Mit Paypal Bezahlen Propecia Ohne Rezept Preisvergleich cialis Actos 45 Mg Tablets Online Order Us

#9 HaroNism

HaroNism

    Super Veterano

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

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

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

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

#11 HaroNism

HaroNism

    Super Veterano

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

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

#12 HaroNism

HaroNism

    Super Veterano

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

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

#13 HaroNism

HaroNism

    Super Veterano

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

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




0 user(s) are reading this topic

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

IPB Skin By Virteq