Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > vertical centering in css

Reply
Thread Tools

vertical centering in css

 
 
google@rbtbowers.com
Guest
Posts: n/a
 
      03-27-2006
I am trying to get text vertically centered on a web page using css.
My html is below. 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.

I am using <br> 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?

Thanks in advance for the help,

Robert

<HTML>
<HEAD>
<TITLE>My Web Page</TITLE>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
margin-top: 27%;
font-size: 100%;
background-image: url(../pics/frame_back.jpg);
background-repeat: no-repeat;
background-position: top center;
padding: 0px;
}
-->
</style>
</HEAD>

<body>
<p style="text-align: center; font-family: 'times'; font-style:
'italic'; font-size: 120%">
first line of text<br><br><br><br></p>
<p style="text-align: center; font-family: 'times'; font-style:
'italic'; font-size: 85%">
second line of text<br><br><br><br></p>
<p style="text-align: center; font-family: 'times'; font-size:
120%">
third line of text</p>
</body>
</HTML>

 
Reply With Quote
 
 
 
 
Neredbojias
Guest
Posts: n/a
 
      03-28-2006
With neither quill nor qualm, http://www.velocityreviews.com/forums/(E-Mail Removed) quothed:

> I am trying to get text vertically centered on a web page using css.
> My html is below. 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.
>
> I am using <br> 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?
>
> Thanks in advance for the help,


http://www.neredbojias.com/zyxix/vcsc/vcsc.html

Background images are not considered in fluid design.

--
Neredbojias
Contrary to popular belief, it is believable.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to disable vertical image centering? topal Javascript 0 01-16-2009 11:15 PM
Why is vertical centering such a pain in the ass? Ciaran HTML 4 05-17-2007 04:51 PM
problem with vertical centering an image Jeff ASP .Net 1 05-15-2007 06:52 AM
vertical centering of text google@rbtbowers.com HTML 3 03-19-2006 08:36 PM
Horizontal and vertical centering of a table Tomas HTML 3 10-31-2003 10:14 AM



Advertisments