center my page

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hi,
Is there a good way to center my website horizontally? I have read the
post, and tried a few suggestions...but they haven't worked yet.
www.nakolohekane.com
I did not even use a table to build this site, which might be the problem.
I just started adding in layers. Can I add a table now and center it? And if
so, plese tell me how- because the attempts I have made just scramble all of
my layers randomly.
If you have any other suggestions for my site, please tell me!
Thanks a lot.
 
I just started adding in layers.

Uh oh. Go to any of your pages in your favorite browser and set your text
size to the largest size. Imagine how it will look when you get content
there. Do you still want to work with this layout?
 
Not quite sure what you mean Murry, but my site has content that seems to be
fine other than the fact that I can't center it on the screen.
 
Your home page is a mess in FireFox, Netscape and Mozilla with text
enlarged, and will be in IE if I switched to using my own font-sizes
in Accessibility options.
See www.rxs-enterprises.org/tests/pages/aloha.htm for a screen dump.
The text in IE is a bit on the small side for me - especially Times
New Roman, small serif fonts do not display well on a screen - but
your choice of units is not resizable in IE. Also "Zurich Ex BT" will
display as Times New Roman in most browsers, since this is not a
common font.
 
To centre the site (and retain absolute positioning) add this to the
<head> section
<style type"text/css">
#wrapper{
width:760px;
position:relative;
margin:0 auto;
padding:0;
text-align:left;
}
body{text-align:center;margin:0;padding:0;}
</style>

Immediately after the <body> tag change
<div align="center"> to <div id="wrapper">

See my other post regarding your choice of fonts and Abs Pos.
 
And don't forget the ever popular

<!-- /wrapper -->
</div>

immediately before </body>....
 
Ronx- You're HTML worked great on most of the pages, thanks.....but do you
know why it would leave behind some of the layers with text inside and even a
picture on a couple pages?
I had to move them all back to the left for now.
thanks
 
I think I answered my own second question through experimentation, thanks for
the help though.
As far as what you were saying earlier, about my site being a mess in
firefox and anything but IE- what can I do about it? any suggestions?
 
I think I answered my own second question through experimentation, thanks for
the help though.
As far as what you were saying earlier, about my site being a mess in
firefox and anything but IE- what can I do about it? any suggestions?
Click to expand...

That's not quite what he said, although that's the way I read it at
first. :)

It looks fine in Firefox until you start enlarging the font size,
which some users are always liable to do. When you do that the text in
the blue area - "Aloha!" - quickly becomes enormous with each
increase.

When you increase the font size in IE, the text also overflows the
blue area but not so wildly as in Firefox.

What to do? I'd get rid of the absolute positioning and use tables for
the layout. I'd use a stylesheet to specify fonts and font-sizes. It
probably wouldn't be the FP way, it might not even be the "right" way,
but it would work.

fido
 
Drop the absolute positioning, and use tables for layout. The biggest
problem with absolute positioning is that it is absolute - there is no
flexibility if the user changes, for example, font sizes so they can
read the text. Or even changes the width of the browser, which may
result in left/right scrolling.
Also, use web-safe fonts like Arial, Verdana, and Times New Roman
(for Headings, and at 18px or larger). Google for a complete list of
web safe fonts. Or specify a font-family, so that there is a fallback
if the font is not available
<font face="'Zurich Ex BT',Arial,Helvetica,sans-serif">
 
Back
Top