Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

How can I adjust a div height dynamically ?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 20, 2010, 04:40 AM
dinoc
 
54 posts · Oct 2010
How can I adjust a div height dynamically ?

Hi everyone,

Do you guys know how to adjust the height of div dynamically (depending of the content of an iframe) ?
I have an iframe in a div , the iframe changes its content dynamically (expanding the height) and so I want the div container for this, to change its height dynamically too , in order to avoid any scrolling.

What will be the easiest way to do this ? (jquery, java script, ...) ?
Anyone know if there is a plugin for this?

Cheers,
Dinu

Last edited by lmilesw; Dec 20, 2010 at 08:26 AM.
  #2  
Old Dec 21, 2010, 01:37 AM
dinoc
 
54 posts · Oct 2010
Yes you're right , here it is
www.rezair.ro/en

I want to get rid of the space under search engine,
and use no scrolling, for instant if you click
on Segmente Multiple you will understand what I mean

I need something that will expand dinamically based on the
Iframe content
  #3  
Old Dec 21, 2010, 06:05 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
You need to reduce the height of your iframe to about 270px. I know of no way to make that dynamic.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Dec 21, 2010, 06:24 AM
dinoc
 
54 posts · Oct 2010
Well I've tried 270px, but if I click on the calendars or bellow menus they won't be displayed properly and a scroll will appear.

Worst, even with 400 px height, if I choose "Segmente multiple" it will insert a scroll there , and ruins the look .
  #5  
Old Dec 21, 2010, 06:28 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
I believe there is an attribute you can add to the iframe code to eliminate the scroll bars. Are you using an iframe plugin to add the iframe?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Dec 21, 2010, 06:34 AM
dinoc
 
54 posts · Oct 2010
The attribute for the iframe is "scrolling=no" if this what you mean ?
But if I use it, it will truncate the result (the search engine won't be displayed properly).

I'm not using any iframe plugin.

The thing is the content of the iframe is changing in height depeniding of what you choose and the results of the search also.

So that's why I think that I need a dynamic div height and dynamic iframe height in order to expand the content dinamically on the height .
  #7  
Old Dec 21, 2010, 06:59 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
I have done searches in the past to find a solution for dynamic iframe height and they have been less than successful. I just did another and came up with this article. I am not sure if it will work in your situation and have not tested.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to adjust the height of the menu bar button or tab Bob Cephas Page & Category Menu Bars 3 Dec 21, 2010 09:47 AM
Widget area height relative to sidebar height aQuickStudy Sidebars & Widgets 2 Apr 8, 2010 02:35 PM
Layout height/ Table height evolva Page & Category Menu Bars 1 Jul 22, 2009 02:25 PM
adjust the width of the menu nina Forum How-To 1 Jun 4, 2009 08:12 AM


All times are GMT -6. The time now is 12:35 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.