{"id":13135,"date":"2017-09-14T12:23:42","date_gmt":"2017-09-14T12:23:42","guid":{"rendered":"https:\/\/www.awardspace.com\/?page_id=13135"},"modified":"2022-10-11T10:55:04","modified_gmt":"2022-10-11T10:55:04","slug":"website-looks-misplaced-broken","status":"publish","type":"post","link":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/","title":{"rendered":"Why my website or parts of it look misplaced or broken on some browsers or devices?"},"content":{"rendered":"<p>The problem comes from the fact that different browsers parse HTML and CSS differently. You can search on the internet for general tips on making your site displaying the same content properly on different browsers.<\/p>\n<p>One of the most common problems is caused by using fixed width and height for elements of your page. A good way to fix this is by using percentages which automatically and more properly expands the elements of your page on the user\u2019s screen.<\/p>\n<p>If you want to see how your page displays across multiple browsers and operating systems without installing them, you will find the following third-party website very useful: <a title=\"BrowserShots\" href=\"https:\/\/browsershots.org\/\">http:\/\/browsershots.org\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The problem comes from the fact that different browsers parse HTML and CSS differently. You can search on the internet for general tips on making your site displaying the same content properly on different browsers. One of the most common problems is caused by using fixed width and height for elements of your page. A [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":33819,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[13],"tags":[],"class_list":["post-13135","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hosting-basics"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why my website look misplaced or broken on some browsers or devices?<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why my website look misplaced or broken on some browsers or devices?\" \/>\n<meta property=\"og:description\" content=\"The problem comes from the fact that different browsers parse HTML and CSS differently. You can search on the internet for general tips on making your site displaying the same content properly on different browsers. One of the most common problems is caused by using fixed width and height for elements of your page. A [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/\" \/>\n<meta property=\"og:site_name\" content=\"AwardSpace.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AwardSpace\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-14T12:23:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-11T10:55:04+00:00\" \/>\n<meta name=\"author\" content=\"ivailod\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@awspace\" \/>\n<meta name=\"twitter:site\" content=\"@awspace\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ivailod\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/\"},\"author\":{\"name\":\"ivailod\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/person\/ce135bfb9f8b0d51d047abe11d77b221\"},\"headline\":\"Why my website or parts of it look misplaced or broken on some browsers or devices?\",\"datePublished\":\"2017-09-14T12:23:42+00:00\",\"dateModified\":\"2022-10-11T10:55:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/\"},\"wordCount\":126,\"publisher\":{\"@id\":\"https:\/\/www.awardspace.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"Hosting Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/\",\"url\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/\",\"name\":\"Why my website look misplaced or broken on some browsers or devices?\",\"isPartOf\":{\"@id\":\"https:\/\/www.awardspace.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2017-09-14T12:23:42+00:00\",\"dateModified\":\"2022-10-11T10:55:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.awardspace.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowledge Base\",\"item\":\"https:\/\/www.awardspace.com\/kb\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hosting Basics\",\"item\":\"https:\/\/www.awardspace.com\/kb\/hosting-basics\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Why my website or parts of it look misplaced or broken on some browsers or devices?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.awardspace.com\/#website\",\"url\":\"https:\/\/www.awardspace.com\/\",\"name\":\"AwardSpace.com\",\"description\":\"Free Web Hosting with PHP, MySQL, Email Sending, No Ads\",\"publisher\":{\"@id\":\"https:\/\/www.awardspace.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.awardspace.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.awardspace.com\/#organization\",\"name\":\"AwardSpace.com\",\"url\":\"https:\/\/www.awardspace.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.awardspace.com\/wp-content\/uploads\/2018\/08\/awardspace_logo.png\",\"contentUrl\":\"https:\/\/www.awardspace.com\/wp-content\/uploads\/2018\/08\/awardspace_logo.png\",\"width\":1759,\"height\":176,\"caption\":\"AwardSpace.com\"},\"image\":{\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/AwardSpace\/\",\"https:\/\/x.com\/awspace\",\"https:\/\/www.instagram.com\/awardspace\/\",\"https:\/\/www.quora.com\/profile\/Award-Space\",\"https:\/\/www.linkedin.com\/company\/19214384\/\",\"https:\/\/www.reddit.com\/user\/AwardSpace\",\"https:\/\/www.pinterest.com\/awardspace\/\",\"https:\/\/www.youtube.com\/user\/AwardspaceWebHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/person\/ce135bfb9f8b0d51d047abe11d77b221\",\"name\":\"ivailod\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awardspace.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"ivailod\"},\"url\":\"https:\/\/www.awardspace.com\/author\/ivailod\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why my website look misplaced or broken on some browsers or devices?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/","og_locale":"en_US","og_type":"article","og_title":"Why my website look misplaced or broken on some browsers or devices?","og_description":"The problem comes from the fact that different browsers parse HTML and CSS differently. You can search on the internet for general tips on making your site displaying the same content properly on different browsers. One of the most common problems is caused by using fixed width and height for elements of your page. A [&hellip;]","og_url":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/","og_site_name":"AwardSpace.com","article_publisher":"https:\/\/www.facebook.com\/AwardSpace\/","article_published_time":"2017-09-14T12:23:42+00:00","article_modified_time":"2022-10-11T10:55:04+00:00","author":"ivailod","twitter_card":"summary_large_image","twitter_creator":"@awspace","twitter_site":"@awspace","twitter_misc":{"Written by":"ivailod","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#article","isPartOf":{"@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/"},"author":{"name":"ivailod","@id":"https:\/\/www.awardspace.com\/#\/schema\/person\/ce135bfb9f8b0d51d047abe11d77b221"},"headline":"Why my website or parts of it look misplaced or broken on some browsers or devices?","datePublished":"2017-09-14T12:23:42+00:00","dateModified":"2022-10-11T10:55:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/"},"wordCount":126,"publisher":{"@id":"https:\/\/www.awardspace.com\/#organization"},"image":{"@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#primaryimage"},"thumbnailUrl":"","articleSection":["Hosting Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/","url":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/","name":"Why my website look misplaced or broken on some browsers or devices?","isPartOf":{"@id":"https:\/\/www.awardspace.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#primaryimage"},"image":{"@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#primaryimage"},"thumbnailUrl":"","datePublished":"2017-09-14T12:23:42+00:00","dateModified":"2022-10-11T10:55:04+00:00","breadcrumb":{"@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.awardspace.com\/kb\/website-looks-misplaced-broken\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.awardspace.com\/"},{"@type":"ListItem","position":2,"name":"Knowledge Base","item":"https:\/\/www.awardspace.com\/kb\/"},{"@type":"ListItem","position":3,"name":"Hosting Basics","item":"https:\/\/www.awardspace.com\/kb\/hosting-basics\/"},{"@type":"ListItem","position":4,"name":"Why my website or parts of it look misplaced or broken on some browsers or devices?"}]},{"@type":"WebSite","@id":"https:\/\/www.awardspace.com\/#website","url":"https:\/\/www.awardspace.com\/","name":"AwardSpace.com","description":"Free Web Hosting with PHP, MySQL, Email Sending, No Ads","publisher":{"@id":"https:\/\/www.awardspace.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.awardspace.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.awardspace.com\/#organization","name":"AwardSpace.com","url":"https:\/\/www.awardspace.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awardspace.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.awardspace.com\/wp-content\/uploads\/2018\/08\/awardspace_logo.png","contentUrl":"https:\/\/www.awardspace.com\/wp-content\/uploads\/2018\/08\/awardspace_logo.png","width":1759,"height":176,"caption":"AwardSpace.com"},"image":{"@id":"https:\/\/www.awardspace.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/AwardSpace\/","https:\/\/x.com\/awspace","https:\/\/www.instagram.com\/awardspace\/","https:\/\/www.quora.com\/profile\/Award-Space","https:\/\/www.linkedin.com\/company\/19214384\/","https:\/\/www.reddit.com\/user\/AwardSpace","https:\/\/www.pinterest.com\/awardspace\/","https:\/\/www.youtube.com\/user\/AwardspaceWebHosting"]},{"@type":"Person","@id":"https:\/\/www.awardspace.com\/#\/schema\/person\/ce135bfb9f8b0d51d047abe11d77b221","name":"ivailod","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awardspace.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"ivailod"},"url":"https:\/\/www.awardspace.com\/author\/ivailod\/"}]}},"_links":{"self":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts\/13135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/comments?post=13135"}],"version-history":[{"count":0,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/posts\/13135\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/media?parent=13135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/categories?post=13135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.awardspace.com\/wp-json\/wp\/v2\/tags?post=13135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}