How do I autofit the site for different screen sizes?

I've built my site in iWeb.  But is there a way to have it autofit to the size of the screen it is being displayed on?  For example, I built it on my 24 inch 16x9 display at home.  I built it using dimesnions so that there are no scroll bars left or right.  I get a nice full page.  But, when I visit the page on a smaller 4x3 display for example, it doesnt shrink to the new size screen.  It just shows what it can then you have to scroll left/right to see the rest of the page. 
So is there a functionality in iWeb, or a work around, to have it adjust according to the size of the screen it's being viewd on?
Any help would be greatly appreciated.
Thanks!

The "dynamics" for the textboxes are only vertical, not horizontal.
To have everything move vertical and horizontal, you have to add width attributes to the text boxes. I tried it with a percentage. But did not like the result.
The displayed text are separate textfiles that are loaded with AJAX.
So once you have made the textboxes change their width with JavaScript, these text files fill the available space.
You also have to make the width and height of pictures and movies dynamic.
You can make it as complicated as you like.

Similar Messages

  • After i designed a website for desk top how do i save the site for cell phone

    after i designed a website for desk top how do i save the site for cell phone use

    I don't think you can simply save a desktop design as a cell phone design.  While in Muse and in the site plan view for you website you should see three tabs near the top of the page.  If you click the "Phone" tab, you will get a pop-up dialog box asking which element you would like to copy over from your desktop site (if any).  You must then design the site for cell phone use.  You can use the same objects, pictures, etc. from your desktop site and Muse should automatically optimize those elements for phone use.  However, Muse does not automatically take a desktop design and create a cell phone design from it. 
    As I understand it, Muse uses user-agent detection to decide which site it wants to display to the user. You however, need to create the different versions of your site so that Muse can apply a specific design for the intended use.

  • How can i change the ringtone for different contacts.  "edit contacts" won't let me`??

    how can i change the ringtones for different contacts on the razor.  "edit contacts" wont allow me to

    Here is the Instructions your Looking For:  Down towards the Bottom of the Instructions shows how to set Ringtones for each Contact.
    How do I download and use ringtones on my DROID  Razr & RAZR MAXX?
    Quick links
    Set any of your songs on your SDcard as a phone ringtone
    Choose Phone ringtones through settings menu
    Customize the text message ringtone
    Assign a ringtone to a specific contact
    Download ringtones from Play Store      
    1. Set any of your songs on your SDcard as a phone ringtone:
    Touch Apps > My music
    While the music is playing, touch the phone Menu Key > More > Use as ringtone 
    The ringtone is set as your default incoming call ringtone and copied to your Phone ringtone list.       
    Note: The above instructions are for the My music player and not for other players such as Play music.      2. Choose Phone ringtones through settings menu:
    Press the Menu key
    Touch Settings
    Touch Sound
    Touch Phone ringtone  (If option is greyed out, make sure handset volume is not set to Silent Mode)
    Select a Phone ringtone from the list. Press OK to set. (Music files you have set as Incoming Call ringtone from your SDcard will be included in this list along with downloaded and preloaded ringtones.
    3. Customize the text message ringtone
    From the homescreen or from within the applications tray, touch Text messaging
    Press the Menu key (On the left with 4 squares)
    Touch Messaging Settings
    Touch Select ringtones (if option is greyed out, make sure Notifications is turned on / actived)
    Touch on any Notification ringtone to select and hear a sample.
    Press OK to set as notification ringtone
    CLICK HERE for instructions on creating your own custom ringtone for Text Messages
    4. Assign a ringtone to a specific contact:
    Press Contacts icon on homescreen or tap on Contacts application from the Applications Tray
    Touch and select the specific contact
    Press the menu key
    Touch Options
    Touch V (down)  icon next to Ringtone
    Choose a Phone ringtone from the list and tap OK to set.
    Note: To assign a music/song from your memory card as a ringtone, first follow step1 above and follow step 4 again. 5. Download ringtones from the Play Store
    From the applications menu, touch Play Store
    Touch search  to search for ringtones.
    Answers others found helpful
    How do I setup and use Bluetooth on my DROID RAZR MAXX?
    How do I transfer files to/from my DROID RAZR MAXX?
    How do I set up and use the Smart Actions application using the DROID RAZR MAXX?
    How do I use the DROID RAZR MAXX for video chat?
    How do I force my DROID RAZR MAXX to reboot or restart?

  • How do you open a project started in Muse, Dreamweaver, or other to tweak for different screen sizes

    How do you open a project started in Muse, Dreamweaver, or other design program to tweak for different screen sizes?

    Hi. As of now HTML import is not plan of record for Reflow 1.0.  See this FAQ for a bit more info - http://forums.adobe.com/message/5071510#5071510.
    -C

  • Scaling front panel objects for different screen sizes

    Hi,
    Can anybody help me of designing Vi for different screen sizes. I have designed a VI for a monitor of small size and lower resolution but when I open the same Vi on a different monitor,objects are not aligned properly. The properties which I have changed are
    Window appearence->Default
    Window Size -> Panel size 0,0   & Tick marked options of Maintain propotions for different monitors and scale all objects 
    Window Run Time position-> Maximum
    Regards
    Imran
    Solved!
    Go to Solution.

    Imran,
    I can't solve your problem entirely.  However when I have to write a program that will be deployed on a variety of monitor sizes, I tend to set the size of the Front Panel to suit the smallest monitor, and then remove the ability of the user to resize it.
    Also, set it to run in the centred position.
    See attachments.
    Many Thanks,
    Dan
    Dan
    CLD
    Attachments:
    Customize Window Appearance.JPG ‏44 KB
    VI Properties.JPG ‏29 KB

  • Resizable page for different screen sizes but with static image content. Shall I use media query?

    I’m making a page that has of mostly image content. It’s a large circle in the middle so I want it to be centered vertically and horizontally. I also want it to stay centered and resized proportionally for different screen sizes. I’ve read about media query but it seems to me that the elements just become fluid. Can I make the elements stay in place using the media query?
    I’m working in Dreamweaver CS5.5

    Here's the code I'm working with now, I've taken away the things that I don't really understand.
    It's working but I guess it won't hold when I start with the media queries.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head><style type="text/css">
    body {}
    div {
       font: 12px Arial;
    span.bold { font-weight: bold; }
    #the-circle {
      height: 960px;
    width:960px;
    margin-left:650px;
    margin: 0px 10px 0px 10px;
    margin-left:650px;
    .link-row {
    position:absolute;
    width: 960px;
    height: 74px;
    top: 130px;
    left:660px;
    .link-row-2 {
       position: absolute;
       width: 960px;
       height: 74px;
       top: 300px;
       left:660px;
    .link-row-left {
    float: left;
    .link-row-right {
    float: right;
    .link-row-right {
    float: right;
    .link-row-right {
    float: right;
    </style></head>
    <body>
    <br /><br />
    <div id="the-circle">
    <img src="ACE Test/Logo-DW.png" width="960" height="960" />
    </div>
    <div class="link-row">
    <div class="link-row-left"><img src="ACE Fotografier EP och Video/Logo/Wix ACE Logo.png" width="111" height="74" /></div>
    </div>
    <div class="link-row-2">
    <div class="link-row-right"><img src="ACE Fotografier EP och Video/Logo/Wix ACE Logo.png" width="111" height="74" /></div>
    </div>
    </body></html>

  • Site Formatting for different screen sizes

    Hi there,
    I am designing a website for a customer and having some problems with the site fitting on different screens.  I set it to what I was led to believe is the universal resolution/screen size, and it looks great on large, wide-screen computers, but doesn't fit right and requires lots of scrolling on smaller screens.  I also have a pop-out light box feature when visitors click TEAM and it doesn't fit on smaller screesn either.  How can I make the site auto adjust to different screens?  This is a big must for the customer and I'm still pretty new to MUSE so i don't entirely know what I'm doing.  Any help would be greatly appreciated. 
    The site is: http://apopecary01.businesscatalyst.com
    Thanks!
    Nick

    Truly variable width "liquid" layouts are not supported. However, visual designs that fill the full browser width are possible using browser fill image tiling and 100% width page items. Also page item pinning and browser fill scrolling can be leveraged to create designs where content moves relative to each other when the browser window height or width changes.
    We may be exploring responsive layout options for Muse in the future, but right now it is fixed width only.
    - Abhishek Maurya

  • How can I run the report for different input values at the same time?

    Reports version: Report Builder 6.0.8.13.1
    Oracle version: Oracle8i Enterprise Edition Release 8.1.7.0.0
    I want to run the same report for different input parameter values and spool each o/p to different file and ftp to a server. For this, as a first step, I am spooling different input values in to a file, reading those values through a loop and calling the report for that input values. Each report run/execution is taking 15 minutes. Total report execution is taking approximately 4 hours (assuming 16 different input values) to complete. So I have to wait 4 hours to see ALL outputs.
    I would like to run the report parallel for ALL the input values and I should be able to see the ALL outputs with in 15 or 16 minutes.
    In my shell script, I added & symbol at the end of the report call to start/run the job in the background. Due to this the control passed to the next step after the report call. At this place I have an ftp command to send the output file to a different server and it is giving error some thing like “o/p file is not available/created yet". This is due to the fact that report writer is NOT yet completely started/initiated or it is NOT completed the spooling.
    How can I run the report at the same time for all the input values and save the time?
    Thanks in advance.
    Kishore.

    Increase the number of server engines running right now it seems there is only one engine running ,increase it to 4 or 6
    and then atleast 4 or 6 reports will run simultaneously.
    For FTPing the output add to your sript to check whether it is locked and if not then only try to ftp .
    Also for more better functionality read the document (chapter 15 ) for 10g reports for its new fuinctionality.
    http://download.oracle.com/docs/cd/B14099_17/bi.1012/b14048/toc.htm
    Thanks
    Subodh

  • Banners for different screen sizes...

    If I have 2 SWF files that I want to use as the banner or header at the top of the page and want to use one for mobile, and the other 2 bigger ones for tablets and desktops, how do I do this in the media query? I'm trying to reconstruct the site to make it more mobile friendly. The reason I'm using a swf is because I've got rotating images in the banner. I'm new to this and really wanting to learn more on media query. I'm using Dreamweaver CS6 on a Windows 7 64-bit machine.

    Hi
    The simple answer is, "don't bother".
    swf's will not work on apples idevices, and the flash player development for the android devices was dropped last year.
    You could use Adobes Edge for this and use your swf as a fallback for devices that do not support the Edge animation, for Edge see - http://labs.adobe.com/technologies/edge/
    For the use of media-queries see - http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    PZ

  • Best resolution for different screen sizes?

    Hi,
    I just created a project and several of the viewers complained that they had to scroll horizontally in order to view the movie.
    What is the best resolution to record my next project in so as to ensure that no user will have to scroll (neither vertically or horizontally) to see the contents?
    Alternatively, is there some type of feature that automatically adjusts the contents to the viewer's screen?
    Thanks very much in advance.

    Hi there
    I think many folks use 800x600 as a common size.
    Choosing the "Best" resolution is nearly always a bit of an art form. You need to consider the lowest common denominator. For example, are your tutorials intended for senior citizens? If so, then you need to consider that they may be running an older computer configured for a smaller resolution.
    There are ways to coax the video to play back at whatever resolution is available, but they all will involve a sacrifice in quality. This is because any time you play back your project at a different size than it was recorded, the quality will suffer. The degree to which it suffers depends entirely on how much scaling is happening. Scale just a little and it's not too bad. Scale a lot and things go downhill.
    One way to allow scaling is to link to the .SWF instead of the .HTM that is produced. Another way is to edit the HTML page Captivate creates. Remove the pixel values and insert percentages.
    Cheers... Rick
    Click here for Adobe Certified Captivate and RoboHelp HTML Training
    Click here for the SorcerStone Blog
    Click here for RoboHelp and Captivate eBooks

  • Need help with hiding divs for different screen sizes with fluid layouts.

    Ok, so i've got a single page giving info that my website is coming soon and i've designed it for pc, tablet and mobile as i should.  I have hidden the divs i don't want from each view and when testing it, all works fine and as it should be but when it is on the server and live, it shows all the divs that are meant to be hidden on one screen?????   Is there something else i should be doing and can anyone help me here or is this a question for my host???
    Thanks for any help in advance

    Probably a coding issue.  Without a link, no way to help.
    Nancy O.

  • How to handle different screen sizes?

    Hi,
    I have a couple of 2D 180X180 png images. I used them for splash screen, backgrounds etc etc. How do i ensure that my splash screen and background (using these fixed-sized images) can cover the device's displayable area? For example, if a device is 200X200, how do i stretch my 180X180 images?
    I'm currently using lcdui's Image class to display the images, and there isn't any method that i could use to scale the images for different device sizes. :-(
    Thanks for any help!! :-)

    The way this is usually handled is with different versions containing graphics fro different screen sizes.
    You can resize images using MIDP 2.0, but this method is a memory hog, and with an image as big as 180x180 there is a big risk of running out of memory during the process.
    Or you can work out a way so that the screen resolotion doesn't affect you. Like centering the image over a background of the same color as the image's background, using tiles to create the background, etc.
    shmoove

  • Need help resizing pages for different screens

    Hey guys,
    Ok well I made this website that has a lot of pages now and
    the only problem is that I have a 21" widescreen monitor so
    everything I created has to be scrolled on a lot of smaller
    screens. I'm almost possitive that there is a way to tell the html
    to resize the website when different screen sizes are detected. Any
    help would be great. Thanks.
    Also if there is a way to do this, then would it be possible
    to change the settings sitewide without using templates?
    Jeremy

    > I'm almost possitive that there is a way
    > to tell the html to resize the website when different
    screen sizes are
    > detected. Any help would be great. Thanks.
    There is - it's called "design"! You have to build the page
    to be
    flexible - see this tutorial as an example of how to do it
    with tables:
    http://www.dwfaq.com/tutorials/Tables/flexible_tables.asp
    Once you have the page built, you cannot just drop in a magic
    pill and make
    it resize itself.
    And remember, screen size is not the real variable you need
    to worry about -
    it's browser viewport size. Even when you know my screen is
    1280x1024, you
    still do not know what my browser size is.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "dayencom" <[email protected]> wrote in
    message
    news:eiqmfu$33q$[email protected]..
    > Hey guys,
    >
    > Ok well I made this website that has a lot of pages now
    and the only
    > problem
    > is that I have a 21" widescreen monitor so everything I
    created has to be
    > scrolled on a lot of smaller screens. I'm almost
    possitive that there is a
    > way
    > to tell the html to resize the website when different
    screen sizes are
    > detected. Any help would be great. Thanks.
    >
    > Also if there is a way to do this, then would it be
    possible to change the
    > settings sitewide without using templates?
    >
    > Jeremy
    >

  • I have created a Muse site for a client that wishes to host with Business Catalyst. How do I publish the site with their account rather than using one of my free sites?

    I have created a Muse site for a client that wishes to host with Business Catalyst. How do I publish the site with their account rather than using one of my free sites? This is so I can keep my free ones for personal projects but also so they can pay for their own hosting. I am happy to set it all up for them but not sure what to do.

    Hi
    You can use their BC login details and use them , which on publish the site will be under their account.
    Please change the BC login from Edit > Preferences > Publish > Switch Accounts , for Mac it would Adobe Muse > Preferences
    Thanks,
    Sanjit

  • HT201365 how do i change the passcode for using my ipad that i created when installing find my iphone. the is different from my apple id and password

    how do i change the passcode for using my ipad which i created when i set up findmyiphone.  this is different from my apple id and password

    On both your devices go to Settings>iCloud, then scroll down and click "Delete Account". You can then sign back in using your updated details.
    Note: "Delete Account" will not delete data from iCloud, it will simply remove the account from your device.

Maybe you are looking for