Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. How to centralise page according to resolution of user system

How to centralise page according to resolution of user system

Scheduled Pinned Locked Moved Web Development
csshtmldatabasecomtutorial
4 Posts 4 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    Poonam Gandash
    wrote on last edited by
    #1

    I have developed table less page using div. Check www.rpgwebsolutions.com/nutrition/index.html but I am not able to centralize the page according to resolution of user. Please suggest method supported by all browsers. I will prefer using css Data must not get centralise only div containing data.

    P T L 3 Replies Last reply
    0
    • P Poonam Gandash

      I have developed table less page using div. Check www.rpgwebsolutions.com/nutrition/index.html but I am not able to centralize the page according to resolution of user. Please suggest method supported by all browsers. I will prefer using css Data must not get centralise only div containing data.

      P Offline
      P Offline
      Paul Conrad
      wrote on last edited by
      #2

      Use a clickety link next time (the link[^] button at the bottom of the reply page) so people don't have to copy/paste your link.

      "The clue train passed his station without stopping." - John Simmons / outlaw programmer "Real programmers just throw a bunch of 1s and 0s at the computer to see what sticks" - Pete O'Hanlon "Not only do you continue to babble nonsense, you can't even correctly remember the nonsense you babbled just minutes ago." - Rob Graham

      1 Reply Last reply
      0
      • P Poonam Gandash

        I have developed table less page using div. Check www.rpgwebsolutions.com/nutrition/index.html but I am not able to centralize the page according to resolution of user. Please suggest method supported by all browsers. I will prefer using css Data must not get centralise only div containing data.

        T Offline
        T Offline
        Todd Smith
        wrote on last edited by
        #3

        I think you just need to use

        .Layer7 { text-align: center; }

        to center the main div. If that causes the rest of your page to center then add another div

        .outter { text-align: center; }
        .Layer7 { text-align: left; }

        Todd Smith

        1 Reply Last reply
        0
        • P Poonam Gandash

          I have developed table less page using div. Check www.rpgwebsolutions.com/nutrition/index.html but I am not able to centralize the page according to resolution of user. Please suggest method supported by all browsers. I will prefer using css Data must not get centralise only div containing data.

          L Offline
          L Offline
          Lost User
          wrote on last edited by
          #4

          As Paul stated plus, if you ran Firefox browser with the Firebug add-in, the solution should be there for you to see.

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Categories
          • Recent
          • Tags
          • Popular
          • World
          • Users
          • Groups