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
>

Similar Messages

  • 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>

  • How to programmatically resize vi for different screen resolutions ?

    Hi,
         I have been struggling with this,How can i built a vi that should run for different screen resolutions (on different pc's).
    There are several threads on forum , But i dont find the exact solution for it.
    I have already tried with VI properties in the VI but i dont think its working.
    Can someone please help me ?
    Thanks and regards,
    Shivkant Paswan

    Yup it is a pain to use panes, but that is the easiest method I've found which meets my requirements.  Learn to use panes and splitters effectively, and then learn their limitations and workaround when you find those limitations.  In general LabVIEW should handle multi-resolutions, and resizing better but these are the tools we have today.
    Unofficial Forum Rules and Guidelines - Hooovahh - LabVIEW Overlord
    If 10 out of 10 experts in any field say something is bad, you should probably take their opinion seriously.

  • Need help resizing to a different aspect ratio

    New user here, inheriting a project. This is a simple
    software tutorial with instruction captions on about 80 static
    slides with action buttons to progress. The original background
    images were taken at an odd resolution and resized, so the product
    manager would like them all retaken to be less blurry. Oh, and,
    while we're at it, how about changing the aspect so the Windows
    task bar isn't covered up in 800x600 resolution?
    This would seem simple enough; just resize the project to
    800x570, retake the images at 800x570, and Bob's yer uncle. But Bob
    is simply not cooperating. The Edit and single-slide previews look
    fine, but multiple-slide preview and published slides show the
    background images at 800x570 and a gray bar at the bottom to make
    the project window 800x600.
    I tried creating a new project with a custom size of 800x570,
    then copying in the slides from the first to copy and paste
    captions, buttons, etc. Voila! previews are 800x600 again.
    Obviously I am missing something here!
    never mind, gave up and resized to one of the presets. The
    gray space at the bottom was the skin border.
    Now, how do I delete a useless post?

    OK.
    Those are the correct settings for Widescreen export.  The only other issue here is that broadcast uses a slightly incorrect Pixel Aspect Ratio of 1.2121  (the correct should be 1.185).  Your version of Premiere Pro also uses an incorrect PAR, but one that doesn't exactly match the broadcast PAR.  Later versions of Premiere Pro were altered to adopt the same incorrect PAR.  (So now at least everyone is doing it wrong in exactly the same way.)
    Plenty of folks, I'm sure, used this earlier version to create broadcast output, so you can probably get away with it.  If not, you may have to upgrade to CS5.

  • HOW TO?: Need help setting up 3 different iCloud accounts for my kids (so each has own iMessanger)using same Apple ID (mine) ....they don't have their own separate email addresses to work from...how do I do this?

    Need help setting up 3 different iCloud accounts for my kids (so each has own iMessanger)using same Apple ID (mine) ....they don't have their own separate email addresses to work from...how do I do this?

    Any devices connected to the same icloud account can sync all the data on that account.  For this reason an icloud account is really for a single user.
    On a mac, if each user has their own account, then the itunes for that mac account should be set up to connect to that user's icloud account (System preferences>icloud).

  • I need help exporting pages newsletters as single page PDF's or as a .jpeg for an online photo book.

    need help exporting pages newsletters as single page PDF's or as a .jpeg for an online photo book.

    No same idea: 1. Look  2. Try.
    This is in Mavericks:
    Peter

  • 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

  • Optimizing captivate file for different screen resolution

    Hi,
    I've a problem in optmizing the captivate file for different screens like laptop,netbook and pc. In PC's and laptops, this is not a major issue as the size of the screen is large. But when we play the captivate generated swf file in a netbook, the whole website gets resized to fit in to the resolution of the screen except the captivate file.Captivate file gets truncated in such a way that, the user can read only half of the slide.
    Thanks in advance
    Parvathy

    One thing you can try is adjusting the swf dimensions manually.  I haven't found a way to do it in Cp.  We had a similar problem with some eLearning we built that all our testers used just fine.  But once someone undocked their laptop and was off their desktop monitor, had the same problem you describe, where the bottom of the movie was cut off.
    Once you publish the files, open the .htm file with notepad or your text/html editor of choice.
    Look for a line that looks something like this:
    var so = new SWFObject(strURLFile + strURLParams, "Captivate", "1100", "798", "10", "#CCCCCC");
    or
    var so = new SWFObject("filename.swf", "Captivate", "1600", "1200", "10", "#CCCCCC");
    Change those numbers in quotes to 100%, like this:
    var so = new SWFObject("filename.swf", "Captivate", "100%", "100%", "10", "#CCCCCC");
    save the .htm
    My experience has been it will adjust the swf so it fits either the height or width of the display, whichever is shorter.  That is, it will either fill the top to bottom OR side to side, but keep the swf in proportion.
    hope that helps.

  • Do I need to resize images for Keynote?

    Do I need to resize images for Keynote? I have images in a variety of sizes and wonder if there is a minumum or maximum size recommended.
    Thank you!
    B

    All depends on what the end product is; a slide show on a laptop or projected  20 feet wide in a theatre. For best performance, images should be created to match the document size in;  Inspector > Document > Slide size.
    The slide size should as a minimum match the screen resolution of the  Mac in;
    system preferences > displays. The higher the number of  pixels the better the quality.
    However, many images are supplied that are much smaller than are required, resulting in them being enlaged beyond there best.

  • I am working on a program book in Pages...need help moving pages around...

    I am working on a program book in Pages...need help moving pages around...

    I think word procession mode but I used a magazine template to get started and then just kept adding blank pages to finish...I have done these before without any trouble moving the pages around...so very confused.  Thanks for any assistance. 

  • Needs help to know the different versions of forms with their compatibility

    Needs help to know the different versions of forms with their compatibility with different databases and operating systems.
    Kindly give the details or any suitable link for the same.
    please consider it as on urgent basis.
    regards,
    rajesh

    Rajesh,
    the certification matrix is available on metalink.oracle.com. You need a support contract to access this information.
    Frank

  • Design and Testing Suggestions for Different Screen Resolutions

    Intermediate Dreamweaver CS3 user, in need of "Design and Testing Suggestions for Different Screen Resolutions".
    Thank you, J. Chavez

    Adobe Browser Labb and BrowserShots.org

  • I need help choosing RAM for MSI PM8PM-V 7222 VER. 2.0 MB

    hey everyone as you know my MB is in the subject and i need help buying ram for it. on the MSI website it says it can surpport max. 2GB so 1GB in each slot? it only has 2 slots also what DDR and MHZ clock, DRAM fequency etc does the ram have to be and both single sided or double sided or 1 single and 1 double?
    thanks

    Quote
    also what DDR and MHZ clock, DRAM fequency etc does the ram have to be
    http://global.msi.eu/index.php?func=proddesc&maincat_no=1&prod_no=1039
    Quote
    • Supports DDR2 533/400 memory interface.
    Check the memory support list for best compatibility:
    http://global.msi.eu/uploads/test_report/TR10_1039.pdf

  • I need help finding cases for the ipod touch thrid gen help.

    i need help finding case for ipod touch thrid gen help.

    - Try another cable.
    - Try another USB port
    - Inspect the dock connector on the iPod for bent or missing contacts, foreign material, corroded contacts, broken, missing or cracked plastic.
    - Try on another computer. Just backup a couple of times. Do not sync.

  • 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

Maybe you are looking for