Resizing to fit screen resolution
I'm hoping for someone to be out there that could answer my
question as desperation will begin to settle in soon....
I have a website for some coursework I've been studying and
would like to present it in 800 x 600 pixels.
However it's actual size is 1200 x 800......does Dreamweaver
have any extensions that force a page to display in a certain size
even if that page is bigger than you want.
Help much appreciated at his late hour...
jonathan
Resolution is not the critical issue. Browser viewport width
is. To make
your decision you need to have some ideas about the following
issues -
1. What is the primary target demographic for this site?
2. What are the browsing habits of that demographic? Do they
normally have
their browser window maximized on the screen?
3. If they usually have their browser maximized, what is the
typical screen
width?
4. If they usually do NOT have their browser maximized, what
is the MINIMUM
screen width in that demographic.
5. How do I want to build the page?
a. Fixed width and left aligned?
b. Fixed width and centering?
c. Flexible to fill whatever width from left to right?
d. Flexible (within limits) and left aligned?
e. Flexible (within limits) and centering?
As you can see, this decision is probably much more complex
than you
thought, and will require that you know quite a bit about
your intended
target visitor and their browsing habits.
If you elect to go with 5a, or 5b, then your decision would
be - 'what is
the mimimum browser width I want to support without
horizontal scrolling?'.
Once you have determined that minimum supported width, all of
your decisions
are made. That's how wide you want your page to be.
If you elect to go with 5c, then you just build your page
within a flexible
container (the simplest example - although an obsolet one -
would be to use
a 100% width table to hold the entire page). Be aware that
pages with
limited text content can look VERY sparse and empty on wide
viewports when
built in this way.
If you elect to go with 5d, or 5e, then you would add this
sophistication to
your decision matrix -
'what is the greatest width I want to allow the page and its
contents to
become?'
In this case, you would use the CSS styles - 'min-width' and
'max-width' on
the primary page container. Just so you'll know, although
these styles are
well supported *now*, earlier versions of IE (and some other
browsers) will
not support them so reliably.
So - which is it? 8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"brother_jonnycat" <[email protected]> wrote
in message
news:[email protected]...
> I'm hoping for someone to be out there that could answer
my question as
> desperation will begin to settle in soon....
>
> I have a website for some coursework I've been studying
and would like to
> present it in 800 x 600 pixels.
> However it's actual size is 1200 x 800......does
Dreamweaver have any
> extensions that force a page to display in a certain
size even if that
> page is
> bigger than you want.
>
> Help much appreciated at his late hour...
> jonathan
>
Similar Messages
-
Auto resizing tables for screen resolution
Hi everyone.
Im currently working on my website using dreamweaver, and i
just stumbled across a problem. Im building my website for screen
resolution 1020x768. However, alot of people tend to use 1280x1024
nowadays. The problem is that images get all screwed up at
different screen resolutions.
The best way to fix this would be auto resizing tables (so a
1280 using can view my 1024 website without any problems). But, i
have no idea how to create this. Ive been trying dreamweavers help,
but that didnt help me.
So i was wondering if anyone around here has the solution for
my problem.
Thanks in advance!Hi everyone.
Im currently working on my website using dreamweaver, and i
just stumbled across a problem. Im building my website for screen
resolution 1020x768. However, alot of people tend to use 1280x1024
nowadays. The problem is that images get all screwed up at
different screen resolutions.
The best way to fix this would be auto resizing tables (so a
1280 using can view my 1024 website without any problems). But, i
have no idea how to create this. Ive been trying dreamweavers help,
but that didnt help me.
So i was wondering if anyone around here has the solution for
my problem.
Thanks in advance! -
How can I resize my Flash site to fit any screen resolution?
I built a 100% flash site with tiled framing but I have a
problem. My flash was built 766 x 750 pixiels. When viewed at
resolutions greater than 1024x768 the webpage looks great but
anything less than that it looks like @#$@. I know most people
probably view at 1024 x 768. Is there anyway to auto resize based
up on screen resolution or something to detect the screen size and
adjust the webpage accordingly.
www.platlimosvc.com
Below is my html (index.html) for my flash movie:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html;
charset=UTF-8">
<link href="style.css" rel="stylesheet"
type="text/css">
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0"
style="width:100%; height:100%">
<tr>
<td valign="top" style="width:100%" height="750">
<table cellpadding="0" cellspacing="0" border="0"
width="766" style="height:100% " align="center">
<tr>
<td valign="top" width="234" style="height:750px ">
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swfl
ash.cab#version=6,0,29,0" width="766" height="750">
<param name="movie" value="flash/xxxx_main.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<!--[if !IE]> <-->
<object data="flash/xxxx_main.swf"
width="766" height="750"
type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="pluginurl" value="
http://www.macromedia.com/go/getflashplayer">
FAIL (the browser should render some flash content, not
this).
</object>
<!--> <![endif]-->
</object>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; height:1px;
background-color:#6C6C6C">
<table cellpadding="0" cellspacing="0" border="0"
style="width:100%; height:1px">
<tr>
<td valign="top" style="width:50%;
height:1px"></td>
<td valign="top" style="width:766; height:1px">
<table cellpadding="0" cellspacing="0" border="0"
width="766" style="height:1px ">
<tr>
<td valign="top" width="766" style="height:1px
"></td>
</tr>
</table>
</td>
<td valign="top" style="width:50%;
height:1px"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; height:100%">
<table cellpadding="0" cellspacing="0" border="0"
style="width:100%; height:100%">
<tr>
<td valign="top" style="width:50%;
background:url(images/bottom-3.gif) top right;
height:100%"></td>
<td valign="top" style="width:766;
background-image:url(images/bottom-5.gif); height:100%">
<table cellpadding="0" cellspacing="0" border="0"
width="766" style="height:100% ">
<tr>
<td valign="top" width="766" style="height:100%
"></td>
</tr>
</table>
</td>
<td valign="top" style="width:50%;
background:url(images/bottom-4.gif) top left;
height:100%"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>tlcarl,
> I know most people probably view at 1024 x 768.
You think so? Even if they have their resolution that high
(which is
fairly standard, nowadays), do you think most people maximize
their browsers
to fill that whole area?
> Is there anyway to auto resize based up on screen
> resolution or something to detect the screen size and
> adjust the webpage accordingly.
There is, indeed. :) Check out the Stage.onResize event in
the
ActionScript 2.0 Language Reference. That event is dispatched
when the
browser (or whatever container) is resized -- in cases where
the SWF is
embedded with percentages. If that's your aim, you'll need to
code against
that event, which can be done like this ...
http://www.quip.net/blog/2006/flash/how-to-position-movie-clips-browser-resizing
It can take a bit of thought, depending on the complexity of
your goal,
but the result is usually worth it. The site in your URL is
already built,
so this wouldn't do much of anything without opening the
hood, so to speak,
and completely rebuilding the engine. A Flash movie has to be
designed and
programmed to respond to the Stage.onResize event.
David Stiller
Adobe Community Expert
Dev blog,
http://www.quip.net/blog/
"Luck is the residue of good design." -
I recently updated to iTunes 11 on my Windows PC. Since the update, each time I open iTunes its window is too large for my screen. Resizing it is a pain, because I have to change my screen resolution. And then when I restart iTunes, it has reverted back to being too large. Please help!
Having the same issue here....a quick fix is to just minimize the window, and immediately maximize it. It will now fit the screen. Trouble is, after you close it, you'll have to do it again when you re-start itunes. The good news is it takes all of about 2 seconds. Apple should fix this. Should.
-
How to resize the front panel to fit different resolutions
I m using LabVIEW 8.2 on Windows XP SP2
I've tried both “maintain proportions of window for different monitor resolutions” and “scale all objects on front panel as the window resizes” selected but just messed up everything when i switched to another different resolution. It's annoying since I'm using 22 inch monitor to do the coding but the user supposed to run it on laptop or wince.
Any solutions to it?
Thx in advance.Thank you all. Following is the reply from NI support. I think the best way is to edit vi in low resolution.
One of the easiest ways to tackle varying screen resolutions is to design
the front panel to the lowest resolution that you expect it to run on. It
should then look acceptable on any screen larger than that.
However, you can get a bit more tricky by programmatically determining the
computer's screen resolution and then dynamically changing the size of your
front panel objects. Use an Application Property Node and select
Display>>All Monitors to return the current screen size. Then, according to
the screen size, you can size the control or indicator programmatically
using the Size property node for your front panel objects.
Ultimately, these issues have often been a result of font size issues.
Specifically, this can be a problem when two machines have different
desktop theme/font settings. If your objects are coming out in different
sizes on different computers, you can setup up LabVIEW to use the same font
on different systems by modifying the .INI file.
The easiest way is to do this: use Tools->Options->Fonts from the LabVIEW
GUI. You can then set the system fonts to anything you want. After you
have done this on one machine, open your INI file (it is in the same
directory as the LabVIEW executable) with any text editor and copy the
corresponding entries to another file. Add these entries to the INI files
on any machines you want to lock to font. You will probably run into
issues if you are supporting different platforms (Windows and Mac or Mac
and Linux, for example), since the fonts you want may not be available on
both platforms. There are Windows fonts available for both Mac and Linux
platforms, so this can be somewhat ameliorated.
This is all I can think of, but that's not to say these are the only
solutions. You might check the Discussion Forums, as many of our LabVIEW
Champions have tackled similar issues and offer their expertise as well.
Here's just a few threads that I'd like to refer you to:
How to make the size of VI and controls unchanged irrespective of the
resolution?
http://forums.ni.com/ni/board/message?board.id=170&message.id=273613&requireLogin=False
How to program the front panel size to fit different monitor resolution?
http://forums.ni.com/ni/board/message?board.id=170&message.id=87160&requireLogin=False
I hope this discussion helps you along the way in your application
development. Please let me know if you have any further questions/comments
and I would be happy to discuss them with you.
Otherwise, it was a pleasure assisting you and thank you for choosing
National Instruments. -
Ok Guys-
So I have put up a trial of my flash website-
www.nicksdesign.com/flash
I'm new at flash- as this is the first project I've done in
flash, and the problem is...
I put the file in a simple HTML file in dreamweaver, and i
published the files, tested them on my computer, and it's great-
the size fits enough so that no scrolling is needed.
However-
I asked a friend to test it- and on his computer you are
required to scroll both vertically and horizontally in order to see
all the content on the 100% flash website.
My question-
Are there any codes that can resize the swf file or the HTML,
based on screen resolution/browser [however- we tested in the same
browser]
Any help would be SUPER appreciated
Best Regards,
Nick SmithI took a look at your html source code, I notice that your
size of width sets at 1270 while height sets at 537. The width is
way too wide.
Secondly, flash-based website aren't that cool.
Finally, you probably get a better help from Flash forum
participants. This forum is all about Dreamweaver-related topics,
and is not about how to create or design Flash for the first time.
Hope that helps and good luck with your project.
Cheers, Brian
quote:
Originally posted by:
Livelife92
Ok Guys-
So I have put up a trial of my flash website-
www.nicksdesign.com/flash
I'm new at flash- as this is the first project I've done in
flash, and the problem is...
I put the file in a simple HTML file in dreamweaver, and i
published the files, tested them on my computer, and it's great-
the size fits enough so that no scrolling is needed.
However-
I asked a friend to test it- and on his computer you are
required to scroll both vertically and horizontally in order to see
all the content on the 100% flash website.
My question-
Are there any codes that can resize the swf file or the HTML,
based on screen resolution/browser [however- we tested in the same
browser]
Any help would be SUPER appreciated
Best Regards,
Nick Smith -
Resizing Screen Resolution for Specific Apps?
Hello team,
Is it possible to resize screen resolution for specific applications? Most of my apps look fine at 1024x768, but there are a couple of older OS 9 apps that I need to run (talking school computers here) which are a bit on the small side when viewed at that resolution. Can I somehow set things so that when those applications are launched, the resolution changes to 800x600, and then reverts to 1024x768 when they're quit again? Any and all details about this will be most appreciated, and I thank you in advance for your help!
Electronically yours,
Erik D. Dahlin
School-based Technology SpecialistLCD panels must be used at their native resolution. Whatever it is for you monitor is what you must set it to.
Bob -
Hi,
Since I have Leopard my screen-resolution always resize after my pc is coming back from the screensaver or hibernate-mode. Also when I afterwards go to the screen properties my default screen-resolution (1440x900) is not listed and I have to detect screens and he automatically set everything right, but thit is not very handy.
Thx in advance,
Regardsreset [PRAM|http://support.apple.com/kb/HT1379] and [SMC|http://support.apple.com/kb/HT1411].
-
picture can not be resized to fit the screen, so i can only see half of my face when use it as wallpaper!! How can I change it??
There's a bug with the wallpaper. One thing that helps a bit, go to the photos app, find your pic, 'send' it to be wallpaper. You have a bit more control although not all the function you're used to.
No idea when or if Apple will fix it. -
¿Can I scale to fit my whole website to any browser, screen resolution or both?
Hi everyone!
First, i'm not a programmer, but a graphic designer, a have a huge respect for programmers. I need help with some code and thats why i'm here.
I'm using Adobe Muse to create an website, but my website it's on a huge resolution and i can't change the design to make it more efficient, it has to be like that.
I want to know if there's any way to re-size or fit-to-scale width my whole website to a browser windows size, screen resolution, or both with some code using Dreamweaver.
I'm not talking about responsive, it's justo scale everything automatically when the window browser change or the website where open on another resolution.
Thanks!Thanks Ben.
I try to put the code on the <head>:
<meta name="viewport" content="initial-scale=1">
but it doesn't work. -
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 PaswanYup 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. -
Make iWeb resize to fit dif. monitor resolutions?
Does anyone know how to make a website published through iWeb resize to fit and center itself on different monitors? I built the site on my comp, which is at 1024 by 768 I believe. I checked it on a monitor set at 800 by 600 and had vertical and horizontal scroll bars. Is there a way to use something like MassReplaceIt to add a bit of html to each page to dynamically resize pages? My weblink is http://www.markmcleod.org Any help, including code would be very helpful.
Hi Mark,
This is a good topic of discussion, but there is no way to do this in iWeb. The most recent thread I know of where a good discussion took place on this is here:
http://discussions.apple.com/thread.jspa?messageID=3076143�
If you want to skip the thread and get what I think is a pretty good perspective on it, see these notes:
http://thepattysite.com/window_sizes3.cfm
This was a big problem for me with my first attempts at a website; working on this G5 movie screen I built these huge pages, but soon learned to make them much smaller. -
Zoom and fit in all the screen resolution
Dear Friends,
Greetings! when i click on a full screen button, i want to zoom my flash screen for full screen for all the screen resolution. Imagine i loaded my swf in aspx page. in my swf i kept one full screen button, when i click on it it has to zoom my swf full screen, when i click again or press escape button it has to show my old website in the normal state. looking for help in this..
for example, you can refer this site: http://www.templatemonster.com/flash-templates/39229.html
(press fullscreen button and check)
Thanks in advance,
SyedThere is nothing you can do with that unit
Apple should exchange it for an Out of Warranty exchange identical 5S for $269 if you are in the US ,similar pricing elsewhere -
Firefox changes screen resolution so nothing fits my screen
it didn't work
Check that you do not run Firefox in compatibility mode or with a reduced screen resolution.
You can open the Properties via the right-click context menu of the Firefox desktop shortcut and check that in the "Compatibility" tab.
Make sure that all items are deselected in the "Compatibility" tab of the Properties window.
*http://kb.mozillazine.org/Screen_resolution_changes_when_launching_application -
Screen resolution problem for components in a canvas
Hi,
I am developing a Flex application, and I am using more than
one canvases in a single page(with in application tag).
And one canvas has elements like Chart, datagrid, legent
& a label.
Width & Height I gave to canvas and all its elements
(except legend & label) is in percentages
The problem I am facing is that,
when I change the screen resolution, and
when I press F11(full screen) in IE, the all objects except
legend & label are increasing/decreasing, and in some cases
lagend & label are overlapping in the chart & data grid.
Could anybody please advise what I need to follow to
eliminate these kind of problems.
Thanks in advance.
PavanOoooooh, haha my bad, I didn't realize you were talking about
relative positioning on your app.
Here's what's happening. Your component/application is in
ABSOLUTE layout mode, so you can specify coordinates for where
controls and components should be placed. When the size of the
application changes, these coordinates are hard-coded, and they
will always display in the same place, which can case them to run
into components that have been resized to fit the new application
size. Now fixing those numbers is not easy. In fact, I don't know
of any way to make those numbers dynamic so they adjust when the
application size adjusts.
Instead, I suggest using constraints or Vbox/Hbox rather than
hardcoded coordinates. With constraints, you can specify how far
your Legend component is from the edges of the container it's in.
Or, you can use the VBox or HBox so your component is always in the
place it needs to be.
<mx:HBox width="80%" height="50%" top="10" left="10">
<mx:PieChart id="piechart1">
<mx:series>
<mx:PieSeries displayName="Series 1" field=""/>
</mx:series>
</mx:PieChart>
<mx:Legend dataProvider="{piechart1}"/>
</mx:HBox>
In this example, You can see I set top and left to 10. This
means that my HBox will be exactly 10 pixels from the top and left
side of my application (or container, or whatever it's confined
to). The Piechart and Legend fit neatly inside the HBox, and
because it's an HBox, they will be side by side horizontally.
If you need spacing between your chart and legend, you can
always use the Spacer control under Layout.
<mx:HBox width="80%" height="50%" top="10" left="10">
<mx:PieChart id="piechart1">
<mx:series>
<mx:PieSeries displayName="Series 1" field=""/>
</mx:series>
</mx:PieChart>
<mx:Spacer width="100%"/>
<mx:Legend dataProvider="{piechart1}"/>
</mx:HBox>
As you can see, the Spacer control is separating our chart
and the Legend by a width specified. Always use a percentage here,
as you'll run into problems I talked about in my previous post.
100% means the chart and the Legend will be as far away as they can
be while staying within the Hbox container. If you decreased it to
50%, they would only be half as far away.
Hope this helps.
EDIT:
One last example of a pie chart and a Legend within a canvas.
Each object has constraints to the canvas, which lets us put them
whereever we want within the canvas:
<mx:Canvas x="0" y="0" width="80%">
<mx:PieChart id="piechart1" left="10" top="10">
<mx:series>
<mx:PieSeries displayName="Series 1" field=""/>
</mx:series>
</mx:PieChart>
<mx:Legend dataProvider="{piechart1}" right="10"
bottom="10"/>
</mx:Canvas>
From this example, the chart will always line up to be 10
pixels from the top and left of our canvas. The Legend however,
will always line up to be 10 pixels from the right side and bottom
of our canvas. Adjusting the canvas size, the chart size, or the
legend size will give you the desired distance between these two
objects.
Maybe you are looking for
-
HI Gurus, I created Query based on infoset. later, i added some fields in ODS then adjusted Infoset at T-Code RSISET. i can see that new field here and values also coming on it. but when i am editing Query, i am not able to see that new field. Plz pr
-
Hello Friends Can anyone please tell me how we can create the Default Workbook Template in the NW04s
-
Comp and Performance management on erp2004
Hello, I am seaking for information if there are new tools in ERP 2004 to implement Perfomance/MBO and comp management on ESS/MSS basis. If someone experienced in this it would be graete to give me some feedback. Regards Andreas Message was edited by
-
Hi, Experts, at customer, we have implemented a solution, in which during processing of settlement step (e.g. standard 'SUMINTSU' step), we redefined the PROCESS method (in this case of class CL_ISU_EDM_SETTLSTEP_0003). In that redefinition, we use s
-
I wonder if anyone can point me in the right direction please. I bought iWork 09 see below. Shipped on: Apr 7, 2009 via G3 WORLDWIDE NETHERLANDS BV Tracking #: WW000001809020282999 Product Qty. IWORK '09 RETAIL-INT My original laptop which it was ins