Loading ...
Sorry, an error occurred while loading the content.

5043Re: [NH] vertical alignment of text

Expand Messages
  • marker@us421.com
    Feb 12, 2005
      Hi,
      I have good luck with

      text-align: center;

      but I use it in the <div>, it may work in the <p>

      Karen

      On Sat, 12 Feb 2005 19:49:58 -0800 (PST), sisterscape brightened my
      day with:
      > First off you misspelled vertical in 'verticle-align'. ;) (I don't
      >
      > understand why you have it attached to the <p> element either.) In
      > any
      > case, it won't work. Here's an explanation from CSS guru Paul
      > O'Brien
      > over at SitePoint:
      >
      > "Vertical-align does not vertically align divs (it was never meant
      > to).
      > Vertical-align determines the alignment of text within a single
      > line of
      > text or within a table cell. In a table cell the middle of the
      > element
      > will align with the middle of the cell."
      >
      > I would suggest fussing with the top and bottom margins of the <p>
      > to
      > 50% (or whatever percentage will achieve the desired placement).
      >
      > sisterscape
      >
      >
      > --- "Don - htmlfixit.com" <don@...> wrote:
      >
      >> I am trying to get text to vertically align in a div so that it is
      >> centered top to bottom.
      >> In firefox the following behaves as I would expect:
      >> <div id="subheaderright">
      >> <p style='verticle-align: middle;'>
      >> this is in the middle vertically
      >> </p>
      >>
      >> and the words go right smack in the middle, but in ie, the text
      >> stays
      >> in
      >> the upper left corner of the div, apparently unresponsive to this
      >> directive. Any help appreciated.
      >>
      >> Don
      >
      >
      >
      > __________________________________
      > Do you Yahoo!?
      > Meet the all-new My Yahoo! - Try it today!
      > http://my.yahoo.com
      >
      >
      > CSE HTML Validator Lite - it's free:
      > http://home.earthlink.net/~5wink/dl/cselite652.exe
      >
      > Fookes Software Home: http://www.fookes.us/redir
      >
      >
      > Yahoo! Groups Sponsor
      >
      > ADVERTISEMENT
      > document.write('');
      >
      > Yahoo! Groups Links
      >
      > To visit your group on the web, go to:
      > http://groups.yahoo.com/group/ntb-html/
      >
      > To unsubscribe from this group, send an email to:
      > ntb-html-unsubscribe@yahoogroups.com
      >
      > Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
    • Show all 7 messages in this topic