How to make website fit any screen size?

Hello all!
I am trying to make my website fits any screen size (desktop, tablet, mobile)
In Dreamweaver cs6, I go to file -multiscreen preview – Media Queries- make a CSS file for (site-wide) and click on the Default Presets and then find my CSS files for phone, tablet and desktop. But it does not work for my website, my site does not respond to the size of desktop, tablet or mobile. Can someone please help? Thank you.

The main rule to follow for a responsive design is be flexible.
That means no rigid dimensions, no absolute positioning and images that respond to the width of their containers.
The following typically breaks the rule of flexibility
#apDiv35 {
    position: absolute;
    width: 200px;
    height: 115px;
    z-index: 1;
That is but one example from your document out of more than 40.
If you want a leg up regarding responsive design, have a look at http://www.dmxzone.com/go/21759/dmxzone-bootstrap/

Similar Messages

How to Make Video Fit the Screen? (no boxing)

Hi I have finished my video almost now. However when it is played back in WMV it is like in a letterbox in the middle of the screen. I want to upload it to YouTube so it will look quite small on the screen. Is there a way I can expand it to fit the screen better? There seems to be room both laterally and vertically to expand it. I just looked at the DVD box and it says 16:9 - is this widescreen? not sure. I would appreciate any help. Thank you.
Rich

hi i am editing a video and in the importing and the sorce box my video fits the screen but in the box that plays what i am editing it fits as a small box in the center with all this extra space around it and when i exported it onto a dvd it just came up as a little video in the middle of the screen. how do i get it to just fit the whole page?
-Joe

How do I make websites fit my screen. Always must zoom in;clik,clik,clik 3 times.

each time I go to my home page or any other bookmarked page it arrives either in the centre 2/3 of the screen or on the left 2/3 of the screen. How do I get the pages to centre full screen?

Some extensions that you can look at:
* Default FullZoom Level - https://addons.mozilla.org/firefox/addon/6965
* NoSquint - https://addons.mozilla.org/firefox/addon/2592

Adobe muse-website that fit all screen sizes

hi
i want to build a site in adobe muse.
can i choose the sizes of the elements in the site to be with precents insted of pixles?
( i wanted to make my website in adobe muse fit all screen sizes)

Please refer to Zak's response :
Re: Can you create responsive sites with Adobe Muse?
thanks,
Sanjit

How to make background fit screen

how to make background fit screen

go to settings
go to desktop & screen saver
there you have a dropdownbox with all the options

How to adjust the AICC compliant CBT's to fit all screen sizes across browsers in Captivate 4

Hi,
I have made changed my Adobe Captivate 4 files to be AICC compliant by changing the Settings in Preferences.
When I publish the files, the standard.js file no longer adjusts the CBT's to fit all screen sizes across browsers, as it was doing before by adding the below code -
<style type="text/css"> html, body, #CaptivateContent { height:100%; }
body { text-align:center; margin:0; padding:0; overflow:hidden; }
</style>
Is there a way to scale Adobe Captivate AICC compliant files across different browsers?
Thanks!

That code doesn't go in the standard.js file but goes in the head of the HTM template used for AICC output.
Look in your Captivate install directory for the Templates > Publish > AICC > Default.HTM file and add the code there.
If you want 300 more troubleshooting tips for Cp, you'll need to read the book:
http://www.infosemantics.com.au/troubleshoot-adobe-captivate

How can I find out the screen size of the users moniter using the Acrobat SDK?

How can I find out the screen size of the users moniter using the Acrobat SDK? I need to know how much sreen real estate that is available on the users moniter. Is there some call that I can make from the SDK to discover the maximun X and Y coordinates?
Thanks,
Gregory

Currently, I am testing on multiple moniters and it is defaulting to the moniter designated as the #1 moniter. For our purposes, this is acceptable. Once the two documents have loaded, the user can move and re-size at will.
Gregory

How to make a diagonal split screen in CS3

Dear Folks,
Any body now how to make a digonal split screen in permiere pro CS3?
A normal split screen is ok like two videos side by side.
Regards,
TP

This is an example of what Bill is saying...give him credit... I just illustrated...photoshop files for the mattes...pure white and pure black...
ps..if you dont want such a sharp line between the screens you can select the matte area in photoshop and "feather" the selection a few pixels...

How to make keynote images full screen?

Question: how to make keynote images full screen? I just noticed. after many successful full screen shows with Keynote 09 5.1.1 that I am no longer seeing the show full screen, at 1280, but only using the center part of my macbook pro 13 inch screen (which will mirror just like that on the projection screen, as far as I know). Did I hit a setting I do not know about to keep the images so small?
Thanks

Keynote > Preferences > Slideshow: Scale slides to fit display

How to swf auto fit to screen when start

how to swf auto fit to screen when start without any menu bar or window screen, i had use adobe flash player convert swf to ex, will fit to screen works in exe format?

Dear Josephine,
There is no option the way you want of autofit. Rather while opening the CSV in excel u can do the required formatting.
Regards,
Deva.

How to make Label in selection screen?

Hi friends.. can anybody explain how to make labels in selection screens and how to split the selection screen vertically? plz.. Thanks in advance

Arun kumar,
Check this program. you can put labels like this.
REPORT ZVENKAT_TEST1.
SELECTION-SCREEN BEGIN OF BLOCK block.
SELECTION-SCREEN BEGIN OF LINE.
SELECTION-SCREEN COMMENT 1(15) text1.
SELECTION-SCREEN POSITION 17.
PARAMETERS :p_pernr type pa0001-pernr.
SELECTION-SCREEN POSITION 26.
SELECTION-SCREEN COMMENT 27(30) text2.
SELECTION-SCREEN end OF LINE.
SELECTION-SCREEN end OF BLOCK block .
at SELECTION-SCREEN OUTPUT.
text1 = 'Personal number'.
SELECT SINGLE ename FROM pa0001 INTO text2 WHERE pernr = p_pernr.
Regards,
Venkat.O

How to make pages fit to any screen size

Is there a way to make the pages stretch or condense so that it fits any size screen? I've found where I can adjust the px size of the individual pages but I get white borders at the left/right and bottom edges of the screen that vary depending on the monitor size that I am viewing the page on. Is there a fix for this? Thanks.

Welcome to the Apple Discussions. By screen size do you mean browser window size? If so you can get rid of the white around the body of the page by using a solid color or tiled image for the browser background which is set in the Inspector/Page/Layout pane.
Or, if you want the page background to be the same as the browser background do the following;
1 - set the browser background to what you have the page set to.
2 - set the page content background to transparent.
Now the page background will fill the browser's window no matter what size it is. That's how I have my tutorial site setup: http://toadstutorials.info.
Click to view full size
OT

How To Make Website Resize On Different Screens

Hi, I created a website on Dreamweaver CS3. The website is great and all but whenever I see it on my laptop it fits perfect on the screen but when I use a larger monitor the website looks a bit small.
I did some reading and apparently I made the mistake of using ' <none> as my layout so everything is measured on pixels. How can I make it so that the page resizes depending on the screen size?
I will post my code. and website on here!
Website: www.auto-republic.com
Code: http://pastebin.com/h8DLq7VK
Thanks in advance!

Actually, your mistake was using Absolute Positioning for most of this which removes content from the normal document flow. You should rebuild without any positioning. Here's why APDivs are pure poison in primary layouts.
http://www.apptools.com/examples/pagelayout101.php
If you want a responsive layout that adjusts to various device widths, look at CSS Media Queries and/or the Fluid Grid Layouts feature in CS6.
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
CS6 Fluid Grid Layouts (6 min video)
http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
CS6 Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6
http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html
Nancy O.

How can I make picture fit into screen

There's a picture on the Internet that I want to print, but it's slightly too tall to fit into my screen. I've tried changing the resolution. I've also gone to Apple>System Preferences>Displays>Geometry, but nothing there does the job. If I could rotate the image 90 degrees, I believe I could get the ENTIRE image on my screen, but the Rotate button only makes the picture tilt slightly. The Height adjustment doesn't help, either.
Is there a way to rotate the picture 90 degrees, or is there any other way get the picture to fit into my screen? Yes, I've also dragged (stretched-out) the picture as far as I could.

There's a picture on the Internet that I want to
print, but it's slightly too tall to fit into my
screen...
The answer to your question depends a several things.
Changing the screen resolution or "geometry" does
not change how something is printed. So is your
question the right question. Are you trying to make
it "fit into your screen"? Or are you trying to
make it print on a single sheet of paper?
NOTE: If the goal is to fit it on the screen, there
are many ways you can do that. Maybe the easiest is
to select Print in whatever program you are using to
see the image. In the Print dialog window, click the
Save as PDF... button. This will allow you to save
the page printout as a PDF file. Double-clicking on
the file should open it in Preview app. In Preview,
you can adjust the "magnification" to make it all fit
on your screen.
Thanks for the almost instantaneous reply. I've copied it because it contains useful information that I might need in the future; for now, however, I somehow managed to stumble into a solution while waiting for a reply. Oh, now I realize where I had gone wrong, and why I was finally succesful. At first, I tried to copy the screen by using the COMMANDSHIFT4. And, as you know, when using this system, you can only print what is on the screen. Later, well, I'm already a little fuzzy on what I did, but I didn't use the "Screen Capture" method. Thanks, again.

Make flash website fit to screen

Hi! I'm having trouble width my AS3 flash site. I know there is a code that will make my website fit to any browser. but i can't find it anywhere?? Can anybody help me out here??

stage.displayState = "fullScreen"

How to make website fit any screen size?

Similar Messages

Maybe you are looking for