Page background to adapt to the content of the page.

Hello!

I would like to know how it is possible to make the background of page resize based on its contents. Here is an example of what I'm trying to achieve:

Screen Shot 2016-09-10 at 12.49.25 PM.pngScreen Shot 2016-09-10 at 12.49.58 PM.png

Thank you! I really appreciate your help.

(A) open the "rectangle in master" layout page, place a block of text above, start a preview of the browser and minimize the browser window. All work as expected.

It is best to place the rectangle on the page layout (instead of the master page), because if you resize items that should remain in the bounding box, or if you add items, you must resize the bounding box in page view.

The dynamic adaptation of the size goes on your finished page or in preview mode.

(B) another way to reach a height of actual dynamic page:

Open your setting in page (and not his mistress), open the "Page/Page Properties" menu and uncheck the option "Sticky Footer". In this case, the page height is not determined by the height of the browser window, but by the content of the page. In other words: move or items down will push the bottom of the page down as well (that long these element are not specified as "Footer" elements).

Tags: Adobe Muse

Similar Questions

  • How parts of the background to adapt to the size of screen/zoom?

    Here's what I want my site to see:

    Normal display mode (100%)

    normal.png

    Zoom to the max position:

    Zoomed out.png

    Notice how the header sections, cursor and stretch with the site I have to zoom out. That's what I want to be able to do with my site. Any suggestions?

    So basically, you want to create 100% width items. Do you it by developing a rectangle or a block of text in Design view, until it aligns with the grids of the browser area. For images, you can create a rectangle of width 100% and complete an image of tile inside. Here a video demo that should help you get there - http://tv.adobe.com/watch/muse-feature-tour/muse-design-for-flexible-browser-width/.

    Thank you

    Vinayak

  • Fireworks master page adapts to the he's happy and apply to only a few selected pages?

    Hi all!

    I use the PNG Fireworks format to save all the pages of the websites that I build. However, when I apply a master page in a Fireworks project, all subsequent pages have this applied master page. Sometimes it is necessary to have a page without the master page applied to it, but I can't seem to find how to do this.

    Another difficulty, I fell on that is not be able to make the master page to adjust to its content, just like regions editable in Dreamweaver model, for those who know what it is. Is it possible to do in Fireworks?

    Greetings,

    Casal André

    André,

    Regarding your first question, we could think that the drop down menu panel Pages might have a command that you would release a selected page of the master, but apparently not. However, if you select the page and go to the layers panel, you can display the Master Page layer in the bottom of the stack. You can set the visibility of the layer or its components, or go to the menu drop-down in the layers panel and choose Delete Master Page layer.

    Regarding the second question, I don't think that it is possible for a page master to "adapt to its content. Per, I'm guessing that you mean to respond fluidly to the other elements on the page, whether they are long or short, etc. It is a property of the web pages, where everything is "outstanding". But Fireworks uses a different system.

    I'm still new to the feature Pages myself, but have you tried the options "Share layer" menu drop-down in the layers panel? These could offer some of the benefits of the feature of the master page, but with more flexibility. The symbols are also something to consider when you want to repeat the elements in a document.

  • Picture in picture book uses white between photos and filling when using "Adapt to the chassis" instead of the border color of page like in iPhoto

    I used the book of images to create a book in iPhoto several times because the line between the pictures and the filling when I use 'Adapt to the chassis', is the same color as the color chosen for the borders of homepage and text boxes.  It is seamless.

    I just tried to use the book of images in pictures but the line between the pictures and the fill to 'Adapt to the chassis' is white, and not same color I chose for the page border.  It is, therefore, very ugly.

    Is it possible to remedy this situation?

    first get a glimpse of your p = book - Preview a print project in Photos, iPhoto or Aperture to avoid problems - Apple Support - so you can see exactly what will be printed

    You cannot change how the program works so if the problem persists in the overview say Apple about the bug - http://www.apple.com/feedback/photos.html

    LN

  • 8600 AIO will not adapt to the page of sites like mapquest maps.

    Don't know what happenend, everything was fine, but all of a sudden my 8600AIO will not expand or adapt to the cards that I am posting on the websites of the page.  Even large maps on Mapquest print on a 4 x 4 block on a sheet of standard paper.  There is no settings I can change to expand or adapt to the page.  All of the suggestions.  Thank you

    Hi rrstu,

    I want to help you to be able to print with did it to page and/or expand features. I have a few questions to help us.

    • What browser are you using, and have you tried another browser?
    • When you print, you choose file, print or you choose the small printer icon on the web page that gives you the easy to print?
    • Please guide me through the steps you take to print.

    I have played around with Map Quest and Internet Explorer and have found a way to make it work.

    In fact, I had to, click the printer icon little, not file print, and then click the new window/tab, I pointed out the map, click file print preview and changed the settings. Settings the most important was to choose as selected on the screen at the top. For the card that I'm viewing the best settings to use is the landscape, and basically, you need to change the size according to your needs. Adjust makes it seem small for me, I changed it to 150% it it looked perfect. Basically, I don't think it's a problem with the printer, I suspect that the problem is related to settings in the program you are printing from.

    To test the printer, you can make a copy of the front and choose the option to enlarge the image. If it works we know that's not the printer at the origin of the problem.

  • How to change the background color dynamically on the page of the ofa

    How to change the background color dynamically on the page of the ofa

    Hello

    Can you please let me know the dynamic conditions to change the background color?

    Thank you

    Vincent

  • Background image stretching across the page footer area

    On a pc with a screen resolution 1280 x 1024 and smaller through IE, when scrolling to the bottom of the background scales image to force down the footer elements appear on the top of the verses of background image on the background color. The background image doesn't repeat from left to right and SHOULD NOT extend to any down. However, it's what happens on the pc. Thanks in advance for the help!
    onmac.jpg
    We'RE MAC - quote at the bottom under the background image and on the bottom. It comes
    be represented correctly.
    onpc.jpg

    We'RE PC - quote at the bottom to the top of the background image - this shouldn't happen

    URL (.. / images/background_alt1.jpg) #5e3718 fixed horizontal left high

    If you remove 'fixed', does that help? I use browser tools and I'm not at home to work directly with Muse. Maybe someone else can give an idea.

  • How to stop the background web resizing when the zoom in an out?

    IV adds a fill background (tried it on the master page and the actual page), but when I view it in the browser and try to zoom in one off the bottom evolves with the content?

    IV done it before, but can't find a way to do it again?

    See you soon

    You will need to change the type of fill to full size; the other two settings both try to fill the entire width of the browser

  • Background image to fit the browser window

    Hi all
    I would like a background image to fit the browser window with a section of content it contains / above it. I can't do too much work, but I've done a mock up for you give an idea on http://www.greenpatch.co.uk/test/test.html! The basis for the content CSS is as follows:
    #container {}
    Width: 770px;
    margin-right: auto;
    left margin: auto;
    border: thin solid #FF0000;
    top of the margin: 207px;
    }
    #header {}
    Width: 770px;
    height: 120px;
    background: url(images/newbackground.jpg) no-repeat;
    border-bottom: thick Ridge #006633;
    }
    {#contentwrapper}
    Width: 768px;
    float: left;
    }
    #left {}
    float: left;
    Width: 212px;
    }
    #right {}
    float: right;
    Width: 525px;
    padding: 10px 20px 50px 0px;
    }
    #footer {}
    Width: 770px;
    padding-top: 8px;
    Clear: both;
    padding-bottom: 8px;
    border-top: Ridge average #006633;
    background: #669966;
    }

    Any suggestions much appreciated. Thank you in advance.

    Note Although the distortion. You can use this method if you must, but I
    invites you to put some min and max limits on the size of your page. Otherwise,.
    It will look all just horrible on the ultra wide screens or 3 components.

    --
    Nancy O.
    ALT-Web Design & Publishing
    www.Alt-Web.com

  • Mobile watch G3 using and using firefox. The fonts are not reinvest/wraping to adapt to the screen while increasing fonts.

    I use hand G3 mobile with android in browser firefox web. Fonts are reinvesting / wraping to adapt to the screen while increasing the size of the font. The same functionality was available when I am using mobile watch E3. But I think that's not mobile dependent feature. I'm missing a few settings.

    reflow on zooming option can be disabled. Try to toggle this option.

    1. In the address bar, type Subject: config and press enter. The subject: config "this might void your warranty!" warning page may appear.
    2. Click on I'll be careful, I promise!, to continue on the subject: config page.
    3. Search browser.zoom.reflowonzoom
  • Network adapter and the driver of the mini missing hp!

    Network adapter and the driver of the mini missing hp!

    I have a new computer, hp mini 210 and had to get windows 7 on it hard. Then I played the cd on it Windows 7 Home Premium, and there is no wlan more! He's now getting WARNING pilots are missing when I try to install it, it's the: no available network card what do I do?

    Netzwerk und Treiber von hp adapter mini there!

    I have a new hp mini 210 bekommen und windows 7 starrer is had. Dann habe ich windows 7 home Premium uber die cd is yet und're fand kein wlan mehr! ES kommt nun immer die Warnung Treiber wenn ich installieren is die there will be steht is: keine netzwerkadapter available was soll ich tun?

    Hello:

    Here is the link for the drivers you need for this card...

    http://h20566.www2.hp.com/portal/site/hpsc/template.PAGE/public/psi/swdDetails/?sp4ts.oid=5060882&spf_p.tpst=swdMain&spf_p.prp_swdMain=wsrp-navigationalState%3Didx%253D%257CswItem%253Dob_105197_1%257CswEnvOID%253D4059%257CitemLocale%253D%257CswLang%253D%257Cmode%253D%257Caction%253DdriverDocument&javax.portlet.begCacheTok=com.vignette.cachetoken&javax.portlet.endCacheTok=com.vignette.cachetoken

  • I have a logo on a white background.  I need the bottom either transparent.  Not for the life of me I remember how to do this.  Could someone help me with this, please?  Thank you

    I have a logo on a white background.  I need the bottom either transparent.  Not for the life of me I remember how to do this.  Could someone help me with this, please?

    Elimination of the background is transparent can be done with precision using the mixture control if the Style layer.

    1. open the file and if the layer is locked, trash the lock.

    2 Cmd + click on the new icon layer in the layers panel to apply a layer of vacuum below the object.

    3. return to the upper layer and double-click it in the layers panel to bring up the layer Style.

    4 in section mixture if at the bottom of layer Style, move the high gray-scale slider to the right page to the left until it disappears from the background of the illustration. For extra precision, to the point where the White is about to disappear, you can click Option on the half left of the cursor to divide and move it gently to the left when you look white in the picture disappear.

    5. layer > merge down and then file > save

  • Could not apply the background image available to the Group Panel in demand for space

    I tried to apply the background image available to the Group Panel class css as well as with the style inline like below

    background-image: url('/content/conn/intra-dot-content/path/mywebcenter/lever/backgroundmain.jpg'); background-position: center; background-repeat: repeat-y;

    The background image is not displayed. but it works with the layout of the border Panel. Does work around the issue

    You can style the layout of the group with combination adf skinning and css as a performer below

    . My-in-head-container {}

    Background: # 4 7800 url(/portal/images/website/header.png) high horizontally at the Center;

    position: relative;

    z index: 600;

    }

    {AF | panelGroupLayout.Content.Banner}

    margin-top: 0px;

    padding: 0;

    border: none;

    margin-bottom: 0px;

    padding-bottom: 15px; / * to fix the space between the header & content - min * /.

    background-color: transparent; / * to fix the space between the header & content - min * /.

    position: relative;

    overflow: hidden;

    }

    Then, you can see the style only

    styleClass = "my-in-head-container banniΦre" rendered = "#{! composerContext.inEditMode}" id = "pt_pgl2" > "

  • I have a mac book pro 2009 model, now when I try to load it, there is no green light on the adapter and the laptop does not charge. Not sure if there is a problem with the card or the battery or the laptop. Kindly help

    I have a Mac book pro 2009 model, when I try to load it it not there no green light on the adapter and he is in charge. Not sure if there is a problem with the adapter or the battery or the laptop. Kindly help... Thank you

    Have you tried:

    Portable Apple computers: Troubleshooting MagSafe adapters - Apple Support

    This is the Office Mac Pro forum. I asked that your post be moved to the MacBook Pro laptop forum.

  • How to use the adapter from the wall with my Mac Pro laptop?

    How to use the adapter from the wall with my Mac Pro laptop?

    The AC wall connector is not compatible with the outlet on the MBP?  As the MBP charger will work from 100v to 240v, a transformer is necessary.  You need a converter that connects to the power outlet home and is compatible with your MBP.  You can buy the Apple travel kit:

    http://www.Apple.com/shop/product/MD837AM/A/Apple-world-travel-adapter-Kit

    Or you can use a single specific converter for the geographical area:

    http://www.Amazon.com/orei-grounded-universal-adapter-Singapore/DP/B004SCSV2U/re f = sr_1_4? ie = UTF8 & qid = 1460735377 & sr = 8-4 & keywords = us + in + uk + power + adapter

    (it is a UK USA example)

    Or you can get the converter that adapts the charger directly:

    http://www.Amazon.com/HIOTECH%C2%AE-extension-charger-connecting-specification/d p/B00MA48JZW/ref = sr_1_3? ie = UTF8 & qid = 1460735486 & sr = 8-3 & keywords = us + in + uk + power + ad aptor + apple + charger + cord

    (again, this is for a UK plug.)

    Ciao.

Maybe you are looking for