Re: Making my web page centred

Can you post a link to the page? Depending on how the page is constructed
will determine how to go about this, but we will need to see the code.

--
Regards,
...Trent Pastrana
www.fourlevel.com

-------------------------------------------



"newby ackers" <webforumsuser (AT) macromedia (DOT) com> wrote

High I'm new to dreamweaver and have been trying to build a site for a
friend.
My tamplate size is 800x600 however I'm wanting to get this to appear in
the
centre of my (and others viewing) screens when viewed. However it gets
left
justified and I can't seem to find out how to centre it. Can anyone
help????
:frown;

Hi I also have the same problem and need help. I know this is someone's thread
but if you could help 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 help has helped
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

Hi I also have the same problem and need help. I know this is someone's thread
but if you could help 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 help has helped
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

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;position: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 helps.

--
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 (AT) macromedia (DOT) com> wrote

Hi I also have the same problem and need help. I know this is someone's
thread
but if you could help 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 help has
helped
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

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;position: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 helps.

--
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 (AT) macromedia (DOT) com> wrote

Hi I also have the same problem and need help. I know this is someone's
thread
but if you could help 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 help has
helped
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