vertical centering of text

google · Mar 8, 2006

When I view the following in a browser window, the text is not
vertically centered (text is at the top of the window) but in Print
Preview, the text is vertically centered. How can I have the text
be centered in both?

Thanks for your help,
Robert

<HTML>
<HEAD>
<TITLE>My Web Page</TITLE>
</HEAD>

<BODY scroll=yes>

<div align="center">
<table height="75%" border="0" bgimage="../pics/frame_back.jpg">
<tr>
<td>
Text Line
1 
Text Line
2 
Text Line
3 
</tr>
</table>
</div>

</BODY>
</HTML>

Adrienne Boswell · Mar 8, 2006

Gazing into my crystal ball I observed (e-mail address removed) writing in

When I view the following in a browser window, the text is not
vertically centered (text is at the top of the window) but in Print
Preview, the text is vertically centered. How can I have the text
be centered in both?

Thanks for your help,
Robert

You need a Doctype declaration - new pages should use Strict.

<HTML>
<HEAD>
<TITLE>My Web Page</TITLE> </HEAD>

<BODY scroll=yes>

There is no scroll attribute for the Body element.

<div align="center">

Align is deprecated <http://www.w3.org/TR/html4/present/graphics.html#adef-
align>. Use CSS.

<table height="75%" border="0" bgimage="../pics/frame_back.jpg">

There is no attribute height for the table element

<tr>
<td>
Text Line
1

Font element is deprecated. See above for align attribute. What is the
purpose of placing two br elements after a p element. Change the margin
for the p element through CSS.

Text Line
2

<snip rest>

You will do better using CSS. Try Googling for vertical center css.

Alan Cole · Mar 8, 2006

When I view the following in a browser window, the text is not
vertically centered (text is at the top of the window) but in Print
Preview, the text is vertically centered. How can I have the text
be centered in both?

Thanks for your help,
Robert

<HTML>
<HEAD>
<TITLE>My Web Page</TITLE>
</HEAD>

<BODY scroll=yes>

<div align="center">
<table height="75%" border="0" bgimage="../pics/frame_back.jpg">
<tr>
<td>
Text Line
1 
Text Line
2 
Text Line
3 
</tr>
</table>
</div>

</BODY>
</HTML>

VERY old fashioned HTML with lots of errors, but you are missing a </td>
tag which may sort things out in the browser. Although it is centred in
my browser.

Al.

google · Mar 19, 2006

Here is a version using ccs. Vertical centering is better, but still
not quite what I want.

One question I have is why the vertical positioning is different in
Print Preview in ie6 than in the browser window. The text is much
higher on the page when printed out than it appears in the browser
window.

In response to someone else's question about my original html,
I am using to vertically position the lines of text relative to
each other. I put the font size and style in the body rather than
in the css because I want different styles and sizes of text on
different lines. If there is a better way to do that, perhaps in the
css, please let me know how it is best done.

Also, my background image is cut off at the bottom in the browser
window, but looks fine when printed out. There are also no scroll
bars. I realize you don't see my image in the html below, but in
general, why doesn't the browser take into consideration the vertical
size of the background image and either adjust the size of the window
or add scroll bars accordingly?

Again, thanks for the help,

Robert

<HTML>
<HEAD>
<TITLE>My Web Page</TITLE>
<style type="text/css">

</style>
</HEAD>

<body>

first line of text 

second line of text 

third line of text
</body>
</HTML>

Having trouble centering contents of td ?	3	May 2, 2023
Centering a button using flexbox	2	Feb 5, 2023
Help with my responsive home page	2	Dec 14, 2022
Help with code	0	Jun 12, 2022
Wrong Coding	3	Apr 19, 2023
vertical centering in css	1	Mar 27, 2006
Aligned to the left	3	Apr 19, 2023
How to wrap <td> content .	16	Sep 28, 2023

vertical centering of text

google

Adrienne Boswell

Alan Cole

google

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads