Re: Website Positioning

From: Murray (forums_at_HAHAgreat-web-sights.com)
Date: 02/08/05 

Date: Tue, 8 Feb 2005 09:31:59 -0500

Well, my friend, you have serious problems with that page.

As you may know, the structure of any valid and complete HTML page is as
follows -

<html>
<head>
....
</head>
<body>
....
</body>
</html>

That is, a defined area for the HTML, a properly terminated head region, and
a properly terminated body region.

Your page is like this -

<html>
<head>
{some xml markup, with IE specific behavior styles}
</head>
<body>
{a layer}
{some paragraphs}
</body>
{more Word Art?}
{more XML}
{some tables}
{more word art, XML, and a lot of other stuff}
</p>

and that's the end.

The first thing you need to do is to get your page's code right. Move the
bottom content into the body area. Get rid of the Word art (it won't be
seen outside of IE/PC anyhow), and then we can tackle the centering. 

-- 
Murray
"Si" <Si@discussions.microsoft.com> wrote in message 
news:364CCBA8-34FB-4883-96D3-0F7FB72962EE@microsoft.com...
> Hey Murray - thx for the help
>
> If you go to www.xcsmessiah.tk and "View Source" will this help at all?
>
> "Murray" wrote:
>
>> Show me your code.
>>
>> If you are working with 'layers' you need to read this page -
>>
>> http://www.great-web-sights.com/g_layerlaws.asp
>>
>> There are some definite gotchas there (as there are with any tool - my
>> hammers suck when I try to use them as a screwdriver).
>>
>> -- 
>> Murray
>>
>> "Si" <Si@discussions.microsoft.com> wrote in message
>> news:8A960F68-8988-4281-A5E1-A3EEE3358E85@microsoft.com...
>> > Thats more like it, Murray, thanks for the great feedback.
>> >
>> > But, I can't seem to understand this CSS thing.  I am using layers so I
>> > tried pating into a cell and it didn't work so like you say, CSS has to 
>> > be
>> > the way forward but that code you gave me, I pasted it into the "Code"
>> > section of Frontpage and it didn't do anything.  Am I missing something
>> > here?
>> >
>> > Sorry, I am such a newbie when it comes to web design and I told my
>> > sister-in-law I could do her a website and am now beginning to wish I
>> > never
>> > had - lol.  But if I can crack this little set-back, I think I will be
>> > fine
>> > from then on :) (hopefully)
>> >
>> > "Murray" wrote:
>> >
>> >> If you are not using absolute positioned elements (i.e., "layers") on
>> >> your
>> >> pages, then the easiest way to center is to put a single cell table on
>> >> the
>> >> page, make the table's alignment be center, and paste the rest of your
>> >> content into that single cell.
>> >>
>> >> If you are using absolute positioning (or if you want to do this 
>> >> without
>> >> using another table), then you would need to resort to the use of CSS 
>> >> to
>> >> center, but it's still quite easy.
>> >>
>> >> Here is a good demonstration -
>> >>
>> >> http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html
>> >>
>> >> And here is some code -
>> >>
>> >> (inline styles used for clarity)
>> >>
>> >> STYLE*** -
>> >> body { text-align:center; } /* for IE5/IE5.5 */
>> >> #wrapper { text-align:left; }
>> >>
>> >> BODY -
>> >> <div id="wrapper" style="width:760px; top:0; margin:0 auto;
>> >> position:relative;">
>> >>     <div id="layer1" style="width:200px; top: 25px; left:140px;
>> >> position:absolute;">blah</div>
>> >>     <table...></table>
>> >>     ....
>> >> </div>
>> >>
>> >> Try that - an outer relatively positioned division with a width and 
>> >> auto
>> >> left and right margins.  All interior AP divisions, tables, and
>> >> paragraphs
>> >> will be centered, yet retain the
>> >> same relative positioning.
>> >>
>> >> -- 
>> >> Murray
>> >>
>> >> "Si" <Si@discussions.microsoft.com> wrote in message
>> >> news:E68350C0-A77A-468C-BF0B-1599AF3F5D88@microsoft.com...
>> >> > Hi guys,
>> >> >
>> >> > OK, so I have a website (www.xcsmessiah.tk) and am currently working 
>> >> > on
>> >> > another for my sister-in-law.  Both of these sites have been 
>> >> > designed
>> >> > in
>> >> > Frontpage for 1024 x 768.
>> >> >
>> >> > However, if you view them at a higher resolution, (my screen at home 
>> >> > is
>> >> > 1280
>> >> > x 1024) the page is NOT centered in the middle of the screen.
>> >> >
>> >> > I really want the page to always be centered, no matter what 
>> >> > resolution
>> >> > you
>> >> > are using.  If you look at (www.xclusivesoldiers.tk), who is a 
>> >> > friend
>> >> > of
>> >> > mine, his website centres in the middle of the screen no matter what
>> >> > resolution you are using.
>> >> >
>> >> > I did a bit of research on the web and came across something called
>> >> > CSS -
>> >> > do
>> >> > I need to use whatever CSS is to make it centre correctly?  Or is 
>> >> > there
>> >> > an
>> >> > easy way I can achieve this in Frontpage?
>> >> >
>> >> > Thanks for your help :)
>> >>
>> >>
>> >>
>>
>>
>>