Results 1 to 3 of 3

Thread: web/phone css page centering

  1. Nov 23rd, 2013, 10:55 PM #1
    met0555
    met0555 is offline

    Thread Starter
    Frenzied Member met0555's Avatar
    Join Date
    Jul 2006
    Posts
    1,385

    web/phone css page centering

    Hi,

    I have a website, but by default it's not compatible with pc/phone browsers at the same time. I'm not sure how I can easily make it use the correct one.

    for the pc browser the best view is achieved with this
    HTML Code:
    <body style="font-family: Verdana; display: inline-block;  margin: auto auto auto 25%;  ">
    for phone browsers the best view is achieved with this
    HTML Code:
    <body style="font-family: Verdana; display: inline-block;   ">
    basically I want my page content to appear at the center of the screen horizontally.

    Thank You
    Last edited by met0555; Nov 23rd, 2013 at 11:00 PM.
    Reply With Quote Reply With Quote
  2. Nov 24th, 2013, 06:17 PM #2
    tr333
    tr333 is offline
    Frenzied Member tr333's Avatar
    Join Date
    Nov 2004
    Location
    /dev/st0
    Posts
    1,605

    Re: web/phone css page centering

    Have you tried using the viewport meta tag?

    https://developer.mozilla.org/en-US/...wport_meta_tag
    CSS layout comes in to the 21st century with flexbox!
    Just another Perl hacker,
    Reply With Quote Reply With Quote
  3. Nov 24th, 2013, 07:37 PM #3
    met0555
    met0555 is offline

    Thread Starter
    Frenzied Member met0555's Avatar
    Join Date
    Jul 2006
    Posts
    1,385

    Re: web/phone css page centering

    I tried to use view-port but the outcome is the same. It's only showing up working only one of the browzers pc/phone
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules


Click Here to Expand Forum to Full Width