Re: Making my web page centred

10/06/2008, 21h11

Hi I also have the same problem and need . I know this is someone's thread
but if you could me too that would be great

I also know very little
about coding but from what i've read in this forum, most of the has ed
center text but i also need to include pictures and possibly layers if thats
possible?

http://alexfluryfilms.com/

I'm building this for someone and need to center it for bigger resolutions. I
chose a 1024 width for my site.

Thanks alot

10/06/2008, 21h13

> I'm building this for someone and need to center it for bigger
> resolutions. I
> chose a 1024 width for my site.

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)

It depends on whether you are using absolute positioning on the page, as to
which method might be best, but in either event, this will work -

Change this -

</head>

to this -

<style type="text/css">
<!--
body { text-align:center; }
#wrapper { text-align:left; width:760px; margin:0 auto

osition:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
-->
</style>
</head>

change this -

<body ...>
(the ellipsis represents any other attributes that might be mentioned in the
body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)

to this -

<body ...>
<div id="wrapper">

and this -

</body>

to this -


</div>
</body>

and see if that s.

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

"diss99" <webforumsuser@macromedia.com> wrote in message
news:g2mn5d$jn$1@forums.macromedia.com...
> Hi I also have the same problem and need . I know this is someone's
> thread
> but if you could me too that would be great

I also know very
> little
> about coding but from what i've read in this forum, most of the has
> ed
> center text but i also need to include pictures and possibly layers if
> thats
> possible?
>
> http://alexfluryfilms.com/
>
> I'm building this for someone and need to center it for bigger
> resolutions. I
> chose a 1024 width for my site.
>
>
> Thanks alot
>
>
>

10/06/2008, 21h11	#1
diss99 Messages: n/a Hébergeur:	Re: Making my web page centred Hi I also have the same problem and need . I know this is someone's thread but if you could me too that would be great I also know very little about coding but from what i've read in this forum, most of the has ed center text but i also need to include pictures and possibly layers if thats possible? http://alexfluryfilms.com/ I'm building this for someone and need to center it for bigger resolutions. I chose a 1024 width for my site. Thanks alot

10/06/2008, 21h13	#2
Murray ACE Messages: n/a Hébergeur:	Re: Making my web page centred > I'm building this for someone and need to center it for bigger > resolutions. I > chose a 1024 width for my site. 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) It depends on whether you are using absolute positioning on the page, as to which method might be best, but in either event, this will work - Change this - </head> to this - <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 autoosition:relative; } /* 760px will display on an 800px screen maximized browser window without / / horizontal scrollbars. / --> </style> </head> change this - <body ...> (the ellipsis represents any other attributes that might be mentioned in the body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!) to this - <body ...> <div id="wrapper"> and this - </body> to this - <!-- /wrapper --> </div> </body> and see if that s. -- 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 ================== "diss99" <webforumsuser@macromedia.com> wrote in message news:g2mn5d$jn$1@forums.macromedia.com... > Hi I also have the same problem and need . I know this is someone's > thread > but if you could me too that would be great I also know very > little > about coding but from what i've read in this forum, most of the has > ed > center text but i also need to include pictures and possibly layers if > thats > possible? > > http://alexfluryfilms.com/ > > I'm building this for someone and need to center it for bigger > resolutions. I > chose a 1024 width for my site. > > > Thanks alot > > >

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email