This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > February 2006 > screen resolution
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
|
|
| trevorfield 2006-02-12, 6:43 pm |
| I am trying to create a page were the content stays centered but when viewing in various resolutions i.e 800x600,1024x768, the page content remains the same can anyone help please
| |
| Murray *TMM* 2006-02-12, 6:43 pm |
| Resolution is not the determining factor - the browser viewport width is.
Resolution only sets the maximum practical width/height you can use in your
browser.
The answer to your question could be as simple as wrapping everything in the
page code within a <div align="center">...</div> tag pair, e.g.,
<body>
<div align="center">
.....
</div>
</body>
But are you using layers on your page?
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(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
==================
"trevorfield" <webforumsuser@macromedia.com> wrote in message
news:dslkha$2ef$1@forums.macromedia.com...
>I am trying to create a page were the content stays centered but when
>viewing in various resolutions i.e 800x600,1024x768, the page content
>remains the same can anyone help please
| |
|
| trevorfield wrote:
> I am trying to create a page were the content stays centered but when
> viewing in various resolutions i.e 800x600,1024x768, the page content
> remains the same can anyone help please
Well, seeing as no-ones answered this one since, ohh, 6th February....
http://www.thepattysite.com/window_sizes1.cfm
Pete.
--
Peter Connolly
http://www.acutecomputing.co.uk
Derby
UK
Skype ID: acutecomputing
| |
|
|
"trevorfield" <webforumsuser@macromedia.com> wrote in message
news:dslnvp$6is$1@forums.macromedia.com...
> Hi
> Thanks for taking the time to help perhaps if you look at the page
> www.websitesforyou.org.uk
> there are no layers on the page i am trying to get a similar effect to the
> following page
> www.warmacare.co.uk
> on the websitesforyou page if you look at in 800x600 and then 1024x768 you
> will see the difference the tag s you suggested are already there.
The page looks centered to me (WinXP Firefox). Of course, it can't "squish"
beyond the size of your rather large header.
tim
| |
| trevorfield 2006-02-12, 6:43 pm |
| Hi
Thanks for taking the time to help perhaps if you look at the page
www.websitesforyou.org.uk
there are no layers on the page i am trying to get a similar effect to the
following page
www.warmacare.co.uk
on the websitesforyou page if you look at in 800x600 and then 1024x768 you
will see the difference the tag s you suggested are already there.
Regards
Trevor
| |
| trevorfield 2006-02-12, 6:43 pm |
| hi Tim
but when viewed in different resolution the content changes size but my client
wants the content to stay the same size in all resolutions is that possible the
warmacare site I mentioned have used frames so would i need to use frames also
Trevor
| |
|
|
"trevorfield" <webforumsuser@macromedia.com> wrote in message
news:dslp42$7sv$1@forums.macromedia.com...
> hi Tim
> but when viewed in different resolution the content changes size but my
> client
> wants the content to stay the same size in all resolutions is that
> possible the
> warmacare site I mentioned have used frames so would i need to use frames
> also
Not at all. You just need to specify a fixed width for the container.
I really would recommend that you start learning CSS, though. All your
presentation is inline, which gives you less control and clutters your code.
At any rate, if you want the content to be a fixed size, here is enough CSS
to get you going:
In the <head> of your page (just before the closing </head> tag), put this:
<style type="text/css">
<!--
body {
margin: 0 auto;
padding: 0;
text-align: center;
}
#wrapper {
width: 760px;
margin: 0 auto;
text-align: left;
}
-->
</style>
Now, in the body, before anything else (i.e. right after <body> ), put this:
<div id="wrapper">
and right at the bottom, before your closing </body> tag:
</div>
That should do ya.
tim
| |
|
|
"Tim G" <webservicesNOSPAM@pactumgroup.com> wrote in message
news:dslqaa$99n$1@forums.macromedia.com...
>
> <div id="wrapper">
>
> and right at the bottom, before your closing </body> tag:
>
> </div>
Actually, since you've already got a div tag in there, just use the CSS code
for the head that I gave you, and change this:
<body>
<div align="center">
to this:
<body>
<div id="wrapper">
I have to say, though, that I'm nervous about your code. You've used the
<div align="center"> all over the place and I'm not sure your opening and
closing tags match, or are nested properly. So you may still have a problem.
tim
| |
|
|
"trevorfield" <webforumsuser@macromedia.com> wrote in message
news:dslqus$a14$1@forums.macromedia.com...
> Thanks Tim
> seems to work ok
> have you any good links for online css tutorials
> once again thanks for your help
There are lots all over the place. You may want to start with some at:
http://www.projectseven.com/tutorials/
Also, Community MX has a huge variety of tutorials, some free, a lot more by
subscription.
I've also got a few on my web dev biz site here:
http://www.pactumgroup.com/tutorials/
The online help files in Dreamweaver are invaluable too.
Eventually, you may get to the point where you want to use something more
comprehensive. The W3C specs, of course, are the most comprehensive, but
they're rather hard to follow if you haven't really beefed up on the
terminology and know your way around quite a bit already. Personally, I
would highly recommend a book by Eric Meyer called Cascading Style Sheets:
The Definitive Guide. There are plenty of other good ones, but that one will
stand you in good stead on the basics and beyond.
And of course, specific questions on this forum.
HTH.
tim
| |
|
|
| trevorfield 2006-02-12, 6:43 pm |
| Thanks Tim
seems to work ok
have you any good links for online css tutorials
once again thanks for your help
Trevor
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|