Spry Vertical menu - height of the background fill

I work with a spry menu l vertical short in height leaving a lot of white space below. I want the background color to fill vertically until it hits the footer div that will not Flex with the text in the maincontent.

Any ideas how to do this would be appreciated.

Thank you.

Divisions of CSS behave in the same way as the columns of the Table.  If you want columns that CSS height, place a 2 tone-background image like the one shown here on your div #container and repeat-y (vertical).  This technique is called fake columns.

Live Demo:

http://ALT-Web.com/templates/2-column-fixed-width-template.shtml

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • SPRY Vertical menu bar and the Opera browser

    WARNING: This question contains elements of English grammar. Please read no further if you feel challenged by the English language.

    QUESTION: How one preventing a collection of submenus to detach their respective section and the window of the document to the drift?

    The TRIGGERING factor: this phenomenon occurs after clicked the menu item which contains the submenus and submenus are occurred.

    Background: I inserted a menu bar vertical SPRY as a SPRY accordion in a model Dreamweaver. The above problem occurs when I changed the default Panel of my accordion SPRY from zero to one non-negative integer other than zero. Like the SPRY, SPRY Accordion menus bar are two completely different objects, I'm baffled by this accident.

    USEFUL TIP: This phenomenon does not occur in (3.0.5) FF or Safari (3.2.1). I would like to say that it is only in the opera (9.63), but as a user of Leopard without Windows installed, I have no way to test it in IE. What is happening in other versions of these browsers, I don't know.

    SOLUTION: This is not an elegant solution, but the detachment and drift problems disappear when an empty paragraph tag is inserted between the main content div tag and the tag menu bar ul. Control of browser compatibility for FF, Opera and Safari translates into zero errors.

    It took a few tries, but my intuition on the physical proximity of the menu bar and SPRY accordion may have been right. In any case, it is this assumption that led to this solution.

    REQUEST: now that we have a viable solution, maybe someone with more knowledge can find an elegant formula.

    PREVIOUS CODE


    bla
    bla
    bla

    CODE FIX



    bla
    bla
    bla

  • horizontal navigation menu / widget library / change the background fill?

    I created a horizontal navigation menu of the widget library. Please, how can I change the background fill?

    I don't want to fill the empty background and for the State of the text change when knocked over or clicked on like a button.

    or I'm doing it is backwards?

    I create a button for each menu item. If so, how can I link other pages to the primary navigation?

    Hi Kristy,

    I share some of the documents that you can view and create wonderful menus for yourself.

    I hope this helps, let me know if you want more information about this.

    Best regards

    Ankush;

  • How can I create a submenu? I chose for a vertical menu and want the submenu also be vertical

    How can I create a submenu? I chose for a vertical menu and want the submenu also be vertical

    Via the live chat, I got a useful tip... This has to do with the Organization of child pages in the tree. I had put them vertically on the relevant page (I wanted a submenu vertical). I had to put the child pages horizontally under the relevant page... not really logical or intuitive, but it works!

  • If there is no filling path (triangle) the background fills instead. What should do?

    When I want to fill a triangle with "fills the path", it fails. The background fills instead of the triangle. What is the problem? Does anyone know how to fix this? This is what it looks like.

    Skärmklipp.JPG

  • Change the background fill color based on Radio button selections

    Hello

    I am very new script in LC, so I hit a wall on my last form. I am creating a form with a scale of 'leikert-like', however one of the stipulations (from my boss) is in this context of buttons are to be filled based radio which button is selected.

    For example, Question 1 has 4 radio buttons to choose: poor, fair, good, great. If the person completing the form selects poor, I wish the poor to fill background color. If someone chooses right, I would like to than this background color to be filled, as well as the background of the poor. Good selection would fill the colors of good, fair and poor; and selecting the big would fill the four colors.

    Someone has ideas of how / if possible? In my first tests, I got the button itself to change the colors, but not the background fill (which can be changed manually on the border palette).

    Any ideas would be much appreciated. Thank you!

    Aaron

    Here is the code that you can use in the event of modification of the ExclusionGroup (title default RadioButtonList) object. It is the parent of each individual option button object.

    for (var i=0;i
    

    This also assumes that the value of each option button is sequentially numbered from 1 to however many boxes option you have.

    Now, here's the thing. I'm assuming that each radio button has a different color. You might code for the colors yourself in JavaScript, but I manually chose the colors through UI Designers. Once all the colors of radio buttons have been defined, select a radio button and go see > XML Source. Where we see the element, add the presence of the attribute = "hidden". Do this for each option button. Here's what I mean:

                      
                      
                         
                          
                            
                         
                      
                      
    

    Kyle

  • Set the explicit width and height of the background picture in HBox

    Hello

    I need set the width and the height of the background image in Hbox. Please give me a sample.

    Kind regards

    Roman.

    Hello

    You can use property backgroundSize, but you must assign a percentage value it. As,

    backgroundSize="100%"
    

    Or you can place the HBox and Image control in a Canvas, such as the Image appears as a background for the HBox. Something like that

    
         
         
    
    
  • How can I increase the height of the background overlay in my file layout.css?

    I can't find a way to broaden the background of a collection in my file layout.css. Here's what I have in my file layout.css.

    #footer {}
    height: 87px;
    background: URL(images/footer-tail.png) of horizontal upper;
    }

    It gives me the following.

    background.jpg

    The dark background is going across the width of the page, but I would like to extend it down so it will go behind the line of down while leaving a line just below the bottom just regular as now. When I change the height of 87px to 120 px my Web page gets taller (I can scroll down again). Also, I changed the "repeat-x h' to fill, but who filled the box with the bottom and do not leave any space downstairs which didn't fill.

    How can I extend the dark background to 3 lines and have still a space below that dark is just the regular blue background? Thank you!

    Make your image of more great background.

    http://victorylcms.org/NewSite/images/footer-tail.PNG

    Currently, it is wide 33px x 53px h.   Try making 33px x 100px.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • Loading Menu Flash in the background?

    I have inherited a website with a huge menu flash system (2.5 MB) and would like to know if there is an elegant way to load it into the background of maybe an intro page that redirects to the home page after a period of time - or possible when the menu is done loading.  Thanks in advance.

    var mcl:MovieClipLoader = new MovieClipLoader();

    var OL: Object = {};

    {lo.onLoadInit = function (target)}

    has finished loading.  suppress the display of the intro

    Target.Play ();

    }

    mcl.addListener (lo);

    this.createEmptyMovieClip ("targetMC", this.getNextHighestDepth ());

    mcl.loadClip ("yourmainswf.swf", targetMC);  put a blank Keyframe on frame 1 of the yourmainswf.swf and add a stop();

  • How to control the height of the background color?

    Hello

    I work with a network of fluid, the body of filling with a color.

    After using several divs, the color appears after my last div, as the image as an attachment.

    How can I control it?

    Website link: www.fundetutah.org/xxxxx.html

    Thank you

    Marcoproblem.jpg

    I should add that negative margins / positioning will be inevitably create many more problems than they solve.  Your page appears much longer than expected because something in your page layout has been positioned with negative values that distorts everything.  For a clean slate, start by removing or commenting all negative values in CSS to get back to a normal arrangement.

    Nancy O.

  • What is the benchmark for Firefox placed the table borders painted with the background fill color?

    See the added image list how IE shows correctly on the left border, while Firefox right seems to paint the borders showing the same file in Web site. Is there a solution?

    Hi, Firefox requires units on the dimensions in the style rules, unfortunately it does not simply default to pixels. Try to add px:

    style = "" border: 20px double #FF6600 ""

  • Transparency of the background in the spry menus

    In the spry menu bar...
    I'm doing the submenus (just background, no text) transparent. I use opacity: 0.3; (I know that I need to add more code to IE) in the css, but for some reason it works in Firefox, but it also makes the transparent text. I don't know where I am going wrong. or if im place the text in the wrong place, thanks in advance, I hope you can help I have spent hours on this reading all the forums and try several times again and again.

    Currently in place in this topic

    UL. MenuBarHorizontal li
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    do-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    Width: 6th;
    float: left;
    background-color: #000;
    height: auto;
    opacity: 0.3;
    white-space: nowrap;
    }

    Use a transparent PNG as a background image, in this way, you don't have to change the opacity of the whole menu, and there for not changing the opacity of the text.

    Little trick there is hack IE in the css file of the Spry menu that set the background color to white (required for Iframe hack I think), delete it if you want to persevere transparency in IE6

  • Request for Mobile Nav Menu - need to do a vertical accordion menu which contains the elements of vertical menu AND the submenu vertical.

    For a mobile site, I need to do a master vertical [menu] tab in the header of each page that has the following simple qualities.

    (1) all of the menu must be an Accordion widget (or something similar) which can be closed up in the upper part of the screen

    (2) the menu items should be placed vertically (obviously)

    (3) the SUB menu items should also be arranged vertically (for some reason any they out horizontally to the right why cannot they just fall down)

    ---

    I tried to put accordion widgets inside other widgets accordions, but so far, it doesn't look like Muse is what allows this.

    Help, please! I feel like I ask is really very simple!

    N

    Please check these videos:

    https://www.YouTube.com/watch?v=Thm8bsNccvI

    https://www.YouTube.com/watch?v=QM4Z4iLgtfI

    https://www.YouTube.com/watch?v=rOggrg-svPs

    Thank you

    Sanjit

  • How to ensure the background page images display correctly?

    Can someone point me in the direction of any good articles or tutorials that explain how to ensure that background image of page display properly in all (or almost!) browser screen widths?  I'm talking about the kind of images are larger, which fill or almost fill the entire screen - if I size them properly for mine (big portable computer screen), that they be not stretched in the lower screen resolutions.

    Hello

    I downloaded your html (with my changes to css and images here - http://www.pziecina.com/Untitled-1.html.)

    What is the desired effect?

    Regarding the problem with the image resizing in IE, is because IE8 and below require a height for the background image, (not so important with photos but necessary for graphics), otherwise the image when resizing the browser keeps the displayed initial height (see css).

    I also changed the image Center positioning as you have this game to focus on it.

    Css3 background image rules have also been moved under the IEFilters, it is mandatory for IE9, or IE9 would apply to the IEFilter and not the rule css3.

    I would like to know if it works for you.

    PZ

  • Background fill appropriate size issue of scrolling movement. Help, please...

    I'm having a problem with the background fill. I use at least a 2500px wide image. It seems that when I checked scroll, the image resized to fit the browser normally when I preview the page. However, if I turn scrolling off the coast, when previewing the page, the background image reduced by 30 to 50% and no longer scales to adapt to. As soon as I get back, see scroll even once, it then scales to fit as usual.  This also happens if I checked and then the value 0 initial and final scroll movement. Once again, it reduces the clutter and stops scaling to fit. As soon as I put any value in the initial and final query, it reduces the image.

    When you do the same above on a master page, using the same image, even with active scroll, the image isn't scaling to fit.

    This brings me to the second question. Custom background scrolling does not work. No matter what I put the values, the browser always scrolls the background image, even if I change the speed or direction, it remains at 1 and in the movement of top.

    How can I fix?

    Thank you!

    This is due to the fact of the size of the image and scroll the parameters with filling, please check this post which includes a similar discussion:

    https://forums.Adobe.com/thread/1362457

    In addition this will help you:

    https://helpx.Adobe.com/Muse/how-to/muse-size-resolution-graphics.html

    Thank you

    Sanjit

Maybe you are looking for