Accordion in CS3 - content height

I know that changing the appropriate CSS style changes the
height of the first content panel in the Accordion widget.
Setting the height to 'auto' makes the content fit. no
problem.
However, each subsequent content panel is the SAME height as
the first, whatever the amount of content.
How can I change this behaviour so that each panel is
sufficiently hight so that all content fits without
scrolling?

The easiest way to increase your content height quickly is add a text box with your Copyright © notice and drag it down the page.
This notice is usually at the bottom of the page so, anytime you want to lengthen or shorten the page, just click, hold and drag.
To adjust this notice in relation to the bottom of the page, change the "Footer" height.

Similar Messages

Content Height Problem

Hi all,
Just now i faced a Crazy problem....
When The flash content height is Over than 4000 My content is
not displayed correctly ... Say for example, i am having a Strip
with a Dynamic Text not more than that... I am displaying something
in the Strip dynamic text.... Well, i am duplicating the MovieClip
to generate some more clips,,, upto some points it s working
fine(With the same Code no change in the GUI also)
If the _y position exceed 4000 it creates problem, i can able
to view the Dynamic text but not the strips.....
can any one guess what s the problem here

Yes exactly i am talikng about pixel....
Terribily the problem is I can able to View the Dynamic text
in that area but not the Background Vector Rectangle...
I need more than this much of height, bcz i am Developing a
Hotel management Application...
in tha For 50 Employees(Consider minimum 40) for 7 weeks
means (Each employee is represented as a strip) so totally 350
strips, each strip height is 25 so 350x25 = 12,250 Approximately i
need this much of height, BCZ client don't want to put scroll on
flash....

How can the content height of an iWeb page be reduced below zero?

In some of my iWeb "Photo" pages, there is a large amount of white space, below the last photos, that I can not reduce. In Inspector/Page/Layout, Content Height is 0 px, but the unwanted bottom white space can be as great as the top space occupied by photos. The problem comes when double-clicking on a photo that resides near the bottom of the page: the new page opens at its TOP, but the enlarged photo can be in the white space at the bottom of the page. Scrolling up is then necessary EACH TIME just to view the enlarged photo.
My question, why is there empty white space at the bottom of my photo pages, and how can I get rid of it?

And it remains a puzzlement!
I followed your suggestions, but nothing changed: there is still excess white space below pictures in some of my albums.
Maybe the reason is that my domain files are not in User/Library/Application Support/iWeb folder. They are in User/Sites, and their are three of them now. When I first started using Web years ago, User/Sites is where domains were found and I had only two of them (my travel photos and the pages for my Mac user group, SMUG.net). Last March I added a third site, but by then iWeb no longer allowed creating more than one domain file. So SMUG and the new site co-existed in the second domain file. Eventually, I duplicated the domain file, deleted the SMUG site from one of the duplicates, and the new site from the other domain file. The result is that I got three domain files.
I don't think having three domain files caused the problem that I am having, as I did not add new photos to my travel domain until late May at the least, when my photos of Portugal were entered. And not all those Portugal photo albums have the excess white space below the pictures.
Do you have other suggestions I might try? As other strange happenings have been occurring now and then in my Mac, I've been considering reinstalling OS 10.6 for a while now.

Spry Accordian panel content height for more than 1 accordian in site

Hi,
I have added a couple of accordians to my website on different pages.
When I adjust the panel content height for 1 it automatically changes it for all of them on my site causing scroll bars to be visible - which I am trying to avoid.
I'm new to Spry coding and am not sure what to change.
Thank you for your help

This is a frequent question, in one form or other. It helps to understand that when you insert a Spry Widget, the associated javascript and CSS files are also added to your site files. And if you insert a second of the same type of Widget, DW checks and sees the original js and css files and does not add a second (or third). This is efficient, and also keeps your styling uniform across all instances of that Widget in your site.
If you want Widgets of the same type styled differently, you need to add to your CSS stylesheet style selectors that focus on those parts you want to be different.
Because Widgets are already ID'd, you can't add a new ID directly to the Widget <div> But you can wrap the Widget in a new div and put an ID on that.
Say you want two accordions on a page, one with panel content height of 100px and one with panel content height of 200px.
ID your accordions' wrapper divs: <div id="normalheight"> and <div id="doubleheight"> (use better descriptive IDs).
In the CSS stylesheet, do this:
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: auto;
#normalheight .AccordionPanelContent {
     height: 100px;
#doubleheight .AccordionPanelContent {
     height: 200px;
Be sure to add them directly after the given rule for .AccordionPanelContent; you are re-writing the height in that style selector for your two more specific accordions.
Beth

I need more content height

It seems the maximum for the content height is 4000px, which isn't enough for me. Is there any way to get more content height? Does iWeb '09 have a different maximum content height?
Thanks

Jeffrey ~ +"To increase the default max height of an iWeb page, add a texbox and move it down beyond the 4000pixels perimeter."+
...Quoted from this old thread:
http://discussions.apple.com/thread.jspa?threadID=1686399
And found by doing THIS.

Masked content height is counted!?

I'm building a new full-page flash site and I have a Flash
Scrollbar setup to automatically enable itself when the page
content exceeds the Stage.height. Pretty basic. The problem here is
that I have some components of this website, such as a image
gallery, that uses a "filmstrip" style display to show all of the
thumbnails. Again, basic concept with the clip of the thumbnail
images simply masked. The issue here is that the _height of those
thumbnail clips are included even though the content is masked! So,
if I load enough thumbnails, the masked content eventually gets
long enough to cause the scrollbar to appear even though the
content is masked and technically the scrollbar isn't needed! How
can I stop this _height from being counted? Seems pretty stupid
that the _height of that masked content is being counter. Any ideas
at all? Putting checks into the system for every component with
masked content to offset this problem would be very cumbersome. Any
help is greatly appreciated!
-Jason Kringen
[email protected]

Hey, I think I may have come up with an idea and have started
coding it. I unfortunately have to have the scrollbar pointed at
the very root container becuase this site if a 100% full flash site
that has multiple components/pages that can, at any time, exceed
the stage height and I need that scrollbar to automatically appear
when that happens. What I've started is created a static class
called MaskedContentRegistry that allows any movieclip to define
masked content that it is showing. The MaskedContentRegistry class
keeps a list of all masked content currently being displayed and
determines if in fact the "viewable" content actually exceeds that
stage height or not by calculating the difference between the mask
height and the masked content height, etc. Trying to finish that up
and it seems that that may solve the problem. Thanks again for the
help. :)
-Jason Kringen
[email protected]

Flash Content Height Problem

Hi all,
Just now i faced a Crazy problem....
When The flash content height is Over than 4000 My content is
not displayed correctly ... Say for example, i am having a Strip
with a Dynamic Text not more than that... I am displaying something
in the Strip dynamic text.... Well, i am duplicating the MovieClip
to generate some more clips,,, upto some points it s working
fine(With the same Code no change in the GUI also)
If the _y position exceed 4000 it creates problem, i can able
to view the Dynamic text but not the strips.....
can any one guess what s the problem here

Yes exactly i am talikng about pixel....
Terribily the problem is I can able to View the Dynamic text
in that area but not the Background Vector Rectangle...
I need more than this much of height, bcz i am Developing a
Hotel management Application...
in tha For 50 Employees(Consider minimum 40) for 7 weeks
means (Each employee is represented as a strip) so totally 350
strips, each strip height is 25 so 350x25 = 12,250 Approximately i
need this much of height, BCZ client don't want to put scroll on
flash....

Layout Content Height limitation

Greetings,
I have tried unsuccessfully to increase the layout content height to over 1,000 px, however it seems there is a limitation of approximately 700 px. Does anybody know how to get around this, or am I just missing something?
Thank you - Scott

Scott:
How are you trying to increase the height? Are you using the Inspector/Page/Layout pane?
Click to view full size
You should be able to go far beyond 700 using that method. Unless the theme you're using won't let you. Plain themes have no limitation. What theme are you using?
One method you can try is to create an empty text box and drag it down. That will usually let you increase the page height. Some themes may not appear right if they have a fixed background height and use special files for the background.
OT

Changing Content Height

Does anyone know if iWeb version 1.1.2 has a bug in the Page Inspector - specifically, with the field for setting Content Height? It's the easiest, most bone-headed thing in the world to do but, and I even checked the Help files to make sure I was doing it exactly as I'm supposed to, but the values will not change, no matter what I do or how many times I press Return. I'm an experienced designer and coder so I don't think it's due to plain incompetence... I sure hope not. Am I overlooking something obvious? Does iWeb place limits on page height, but not make that information known or visible? Help... and thanks. Sorry that was long-winded.

ad-hoc wrote:
Does iWeb place limits on page height...?
Welcome to the discussions. Yes — see this old thread:
http://discussions.apple.com/message.jspa?messageID=8080901

Maximum Content Height

What is the maximum height for an iWeb page? Can't seem to get a content height of more than 4000 pixels. Would that be it?

Jeffrey ~ +"To increase the default max height of an iWeb page, add a texbox and move it down beyond the 4000pixels perimeter."+
...Quoted from this old thread:
http://discussions.apple.com/thread.jspa?threadID=1686399
And found by doing THIS.

Content height

I have been sucessfully using the content height in inspector to adjust the height of my pages. On some occasions it does not work, the numbers go up in the height box but the page does not change, any ideas?

The easiest way to increase your content height quickly is add a text box with your Copyright © notice and drag it down the page.
This notice is usually at the bottom of the page so, anytime you want to lengthen or shorten the page, just click, hold and drag.
To adjust this notice in relation to the bottom of the page, change the "Footer" height.

How to download Encore CS3 Content/Library

Hello,
I have losed the Encore CS3 media, and I have succesfully to download the program installer, but I can't find in the web the place to download the Encore CS3 content/Library (menus, buttons, etc)
Do you can supply me a link to download it?
Thanks,

There is a separate download for the Encore CS6 functional content... as far as I know, CS3 is "all in one" so when you download the program, everything is included in one install

Accordion widget content height

I'm using an accordion widget for the navigation of a site. Some of the sections have sub-sections and other do not.
Is it possible to remove the "content area" of an accordion widget but keep the label? I tried to set the height of the content area to "0" so the items below would not shift down but it appears that the minimum height for the content area is 1 pixel.
The page is posted at http://ekagra.com/dev/
If you click the 'Services' or 'Clients/Partners' links, you'll see the other labels shift down.

Thanks for the quick reply. I'm using spry pre-release 1.6 in
CS3 so maybe it's set up different. When I drop the spry accordian
widget into my html it creates a css and js file to go with it. I
found that if I edit the js file to read
FixedPanelHeights = false;
that the panel will resize for the content. If left to the
default, true, the panel will have a scroll bar to the side for
overflow, which I don't like. Then with it set to false, I can
adjust all the rest thru the css file. Again, I'm a newbie when it
comes to this stuff so I'm proable doing something backwards, but
this seems to work. Thanks again.
Tommy

Spry Accordion Menu - Content Height

Hey everyone,
I have a (hopefully simple) problem. I have a spry accordion with 3 tabs. Two of them have the same number of lines in them, but the "what" tab only has 2 lines so there's a lot of white space underneath it. I've tried changing
this.useFixedPanelHeights to false in the spry java script... and it does resize the content area properly, but the open and close on mouseover gets really messed up. Things don't open when they should, and close randomly. It makes it impossible to navigate. I've tried several other things as well, but nothing seems to fix the problem
The website:
http://jmb2-arch.com
Thanks in advance for any help!
-Cameron

You might try playing with the height specification as stated in the Spry CSS:
.AccordionPanelTab { -moz-user-select: none; -khtml-user-select: none; height: 76px; border: 2px solid #027dc3; width: 76px; color: #027dc3;
Setting a height is usually not necessary, unless there is a specific design reason (as there is here, with the main tabs and the sub tab area apparently intended to be identically sized).
Chris

Tab Content Height

I have a spry tabbed panel on my site with four tabs. The
first tab has a little content, the second tab has a little more,
the third panel has a little content and the fourth panel has a LOT
of content. The problem is that when you are on tab 1 by default
when the page loads, the screen is pushed all the way down to the
bottom of how much content there is in tab 4 even though you are on
tab 1. So tab 1 has a HUGE amount of whitespace underneath it.
Shouldn't the height adjust based on whatever tab you are on at any
given time? If I specify a height in the CSS, it will obey it, but
if the content is longer then the specified height, then the
content text just gets cut off. ???
I just realized this is only happening in Firefox. IE behaves
as expected.

Hi ehaemmerle,
Is your tabbed panel widget in a table?
Several folks have run across this problem in FireFox.
Mozilla/FireFox seems to have a layout bug that is triggered when
you specify a height on the table and the content inside it
actually exceeds that height. Removing the height on the table
fixes the problem.
--== Kin ==--

Accordion in CS3 - content height

Similar Messages

Maybe you are looking for