{"id":1062,"date":"2011-07-22T09:56:23","date_gmt":"2011-07-22T13:56:23","guid":{"rendered":"http:\/\/www.iowawebnet.com\/ein\/?p=1062"},"modified":"2011-07-22T10:52:43","modified_gmt":"2011-07-22T14:52:43","slug":"centered-page","status":"publish","type":"post","link":"https:\/\/www.iowawebnet.com\/ein\/2011\/07\/centered-page\/","title":{"rendered":"CSS Centering – fixed layout"},"content":{"rendered":"

Use this simple css code to center page. The style has not been tested with all types and version of browsers, so if it does not work for you try some other suggested code on this website, simply searching for “centering.’<\/p>\n

External style sheet<\/strong><\/p>\n\n\n\n\n\n\n
Style.css<\/td>\n<\/tr>\n
\n
\r\n@charset \"utf-8\";<\/span> \/* CSS Document *\/ \r\nbody \r\n      {<\/span>\r\n\u00a0           padding-top: 10px;\r\n            text-align: center;\r\n }<\/span>\r\n\r\n.center_body \r\n     {<\/span>\r\n            text-align: left;\r\n\u00a0           width: 960px;\r\n\u00a0           height: 600px;\r\n\u00a0           padding: 5px;\r\n\u00a0           margin: 0 auto;\r\n }<\/span> <\/code><\/pre>\n<\/td>\n<\/tr>\n
Centered-Page.html<\/td>\n<\/tr>\n
\n
Import external css in the page\r\n               <link rel=\"stylesheet\"<\/span> type=\"text\/css\"<\/span> href=\"style.css\"<\/span> \/>\r\n<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Internal style sheet<\/strong><\/p>\n\n\n\n\n
Centered-Page.html<\/td>\n<\/tr>\n
\n
\r\n<style type=<\/span>\"text\/css\"<\/span>><\/span>\r\n\r\nbody \r\n      {<\/span>\r\n          padding-top: 10px;\r\n          text-align: center;\r\n    }<\/span>\r\n.center_body \r\n     {<\/span>\r\n          text-align: left;\r\n          width: 960px;\r\n          height: 600px;;\r\n          padding 5px;\r\n          margin: 0 auto;\r\n    }<\/span>\r\n<\/style><\/span><\/code><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
Use this simple css code to center page. The style has not been tested with all types and version of browsers, so if it does not work for you try some other suggested code on this website, simply searching for “centering.’ External style sheet Style.css @charset “utf-8”; \/* CSS Document *\/ body { \u00a0 padding-top: […]<\/p>\n","protected":false},"author":35,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,53],"tags":[54,55],"class_list":["post-1062","post","type-post","status-publish","format-standard","hentry","category-applications","category-css","tag-css-2","tag-web-design"],"_links":{"self":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/1062"}],"collection":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/comments?post=1062"}],"version-history":[{"count":39,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/1062\/revisions"}],"predecessor-version":[{"id":1090,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/1062\/revisions\/1090"}],"wp:attachment":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/media?parent=1062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/categories?post=1062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/tags?post=1062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}