Re: Website Positioning

Tech-Archive recommends: Fix windows errors by optimizing your registry

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

Date: Tue, 8 Feb 2005 10:03:19 -0500

Yes. Cut and paste.

Select everything below </body> (not including this tag), cut it from the
page, and paste it back immediately ABOVE </body>. Now add the </html> tag
below body.

Your final page will now be structured as I outlined below. Check it and
see if it looks the way you want in a preview. Post back with the result.

The next thing you would want to do is to get rid of all the Word Art on the
page. I suppose just selecting it, deleting it, and replacing it with
ordinary text or graphics would be the ticket.

Then we can look at your page again. 

-- 
Murray
"Si" <Si@discussions.microsoft.com> wrote in message 
news:5781D201-C5BB-43DA-9455-947BE5C0F0AC@microsoft.com...
> Murray - lol - if you don't hate me already, you will do in a minute - I 
> am
> such a newbie - sorry.
>
> What do you mean by "Moving the bottom content into the body area"?  How 
> do
> I do this?  DO I cut and paste the code in a certain section?
>
> "Murray" wrote:
>
>> 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 :)
>> >> >>
>> >> >>
>> >> >>
>> >>
>> >>
>> >>
>>
>>
>>
Quantcast