Aligning content vertically

[Scott Teglasi]

Hi all,

I was curious as to how others whom have dealt with this problem have
handled it.

The problem is that I have a site design of a fixed width and height and
want to center that content in the middle of the browser's viewport,
both horizontally AND vertically.

The site I'm building requires that I adhere to the HTML 4.01
Transitional standard, so I can't just use quirks mode and use a table
with height=100% and width=100%. I've tried just about everything with
HTML and CSS but to no avail. I'm going to start exploring scripting
routes, but wanted to know if anyone has had any luck with vertically
centering their content on a page.

Any thoughts or suggestions are appreciated.

Thanks!

Scotty

[Darin McGrew]

Scott Teglasi <st******@subpacket.com> wrote:

I was curious as to how others whom have dealt with this problem have
handled it.

The problem is that I have a site design of a fixed width and height and
want to center that content in the middle of the browser's viewport,
both horizontally AND vertically.

I avoid that problem by designing my site without a fixed width or height.

See also:
http://www.htmlhelp.com/faq/html/des...ml#screen-size
http://www.xs4all.nl/~sbpoley/webmat...lexdesign.html
http://westciv.com/style_master/hous...oil/not_paper/
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"What is the use of running when you are not on the right road?"

[Spartanicus]

Scott Teglasi <st******@subpacket.com> wrote:

I was curious as to how others whom have dealt with this problem have
handled it.
What problem? (posting rule: repeat the subject in the body of the
message if it's relevant to understanding).

[copy and paste from subject]

Re: Aligning content vertically

That's a style issue, thus it should have been posted in
c.i.w.a.stylesheets
The problem is that I have a site design of a fixed width and height
Something to solve then.
The site I'm building requires that I adhere to the HTML 4.01
Transitional standard
Why on earths name use deprecated and horrible transitional coding
techniques? Transitional is for legacy documents that cannot be revised,
all revised or newly authored documents should be coded to the strict
model and use a strict doctype.
but wanted to know if anyone has had any luck with vertically
centering their content on a page.

See if this helps: http://www.student.oulu.fi/~laurirai/www/css/middle/

--
Spartanicus

[geoff_syndicate]

Spartanicus wrote:

Scott Teglasi <st******@subpacket.com> wrote:

The site I'm building requires that I adhere to the HTML 4.01
Transitional standard

Why on earths name use deprecated and horrible transitional coding
techniques? Transitional is for legacy documents that cannot be revised,
all revised or newly authored documents should be coded to the strict
model and use a strict doctype.

I have a question:
What can you do in XHTML/HTML4.01 Strict that you can't do in HTML 4.01
Transitional?
I would expect that the answer is 'nothing'. 4.01 Transitional is
obviously more forgiving of techniques that are frowned upon (<font> for
instance), but that's not to say it's a waste of time.

Geoff

[Spartanicus]

geoff_syndicate <mu****@mobsters.com> wrote:

Why on earths name use deprecated and horrible transitional coding
techniques? Transitional is for legacy documents that cannot be revised,
all revised or newly authored documents should be coded to the strict
model and use a strict doctype.

I have a question:
What can you do in XHTML/HTML4.01 Strict that you can't do in HTML 4.01
Transitional?

It's primarily about the coding method, the choice of doctype is
secondary. That said, it would be difficult to think of a good reason to
code to strict standards, but under a transitional doctype.

--
Spartanicus

[Leif K-Brooks]

geoff_syndicate wrote:

What can you do in XHTML/HTML4.01 Strict that you can't do in HTML 4.01
Transitional?

Have a validator tell you if you're using obviously-presentational markup.

[Jim Moe]

geoff_syndicate wrote:

Why on earths name use deprecated and horrible transitional coding
techniques? Transitional is for legacy documents that cannot be revised,
all revised or newly authored documents should be coded to the strict
model and use a strict doctype.

I have a question:
What can you do in XHTML/HTML4.01 Strict that you can't do in HTML 4.01
Transitional?

Transitional allows coding to v4.01 while accepting a number of
deprecated elements and attributes. Strict does not, and encourages the
use of CSS to replace the functionality "lost" by the deprecated elements.
Which, in general, is a Good Thing.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Alan J. Flavell]

On Thu, 8 Sep 2005, Scott Teglasi wrote:

The problem is that I have a site design of a fixed width and height

Indeed it would be. So don't do that.