{"id":215,"date":"2013-03-28T10:59:15","date_gmt":"2013-03-28T09:59:15","guid":{"rendered":"http:\/\/heymowski.es\/mydevnotepad\/?p=215"},"modified":"2013-03-28T11:00:57","modified_gmt":"2013-03-28T10:00:57","slug":"posivionamiento-de-elementos-en-html-con-css","status":"publish","type":"post","link":"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/","title":{"rendered":"Posicionamiento de elementos en HTML con CSS"},"content":{"rendered":"<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n\r\n.mi_posicionamiento\r\n{\r\n\/*Position : fixed, absolute, static, relative.*\/\r\n\r\nposition: fixed;\r\nposition:absolute;\r\nposition: static;\r\nposition:relative;\r\n\r\n\/*Movimiento del objeto teniemdo como referencia\r\ntop, botom, left o right.*\/\r\n\r\ntop:60px;\r\nleft:100px;\r\n}\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>.mi_posicionamiento { \/*Position : fixed, absolute, static, relative.*\/ position: fixed; position:absolute; position: static; position:relative; \/*Movimiento del objeto teniemdo como referencia top, botom, left o right.*\/ top:60px; left:100px; }<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[13,8],"tags":[],"class_list":["post-215","post","type-post","status-publish","format-standard","hentry","category-css","category-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Posicionamiento de elementos en HTML con CSS | mydevnotepad<\/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:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"jjuanh\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/\"},\"author\":{\"name\":\"jjuanh\",\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/#\/schema\/person\/d2129df7ef4a39b5e02c54ae9f426ea3\"},\"headline\":\"Posicionamiento de elementos en HTML con CSS\",\"datePublished\":\"2013-03-28T09:59:15+00:00\",\"dateModified\":\"2013-03-28T10:00:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/\"},\"wordCount\":41,\"commentCount\":0,\"articleSection\":[\"CSS\",\"HTML\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/\",\"url\":\"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/\",\"name\":\"Posicionamiento de elementos en HTML con CSS | mydevnotepad\",\"isPartOf\":{\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/#website\"},\"datePublished\":\"2013-03-28T09:59:15+00:00\",\"dateModified\":\"2013-03-28T10:00:57+00:00\",\"author\":{\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/#\/schema\/person\/d2129df7ef4a39b5e02c54ae9f426ea3\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/#website\",\"url\":\"https:\/\/heymowski.es\/mydevnotepad\/\",\"name\":\"mydevnotepad\",\"description\":\"echo &quot;Blog sobre Php y otros entretenimientos, para reforzar mi fr\u00e1gil memoria&quot;;\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/heymowski.es\/mydevnotepad\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/#\/schema\/person\/d2129df7ef4a39b5e02c54ae9f426ea3\",\"name\":\"jjuanh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/heymowski.es\/mydevnotepad\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bf9cff5d33a0b664a36c8a2188742797ff6063e120fd22b1a15f3b45616b6707?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bf9cff5d33a0b664a36c8a2188742797ff6063e120fd22b1a15f3b45616b6707?s=96&d=mm&r=g\",\"caption\":\"jjuanh\"},\"sameAs\":[\"http:\/\/www.heymowski.es\"],\"url\":\"https:\/\/heymowski.es\/mydevnotepad\/author\/jjuanh\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Posicionamiento de elementos en HTML con CSS | mydevnotepad","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:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/","twitter_misc":{"Escrito por":"jjuanh"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/#article","isPartOf":{"@id":"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/"},"author":{"name":"jjuanh","@id":"https:\/\/heymowski.es\/mydevnotepad\/#\/schema\/person\/d2129df7ef4a39b5e02c54ae9f426ea3"},"headline":"Posicionamiento de elementos en HTML con CSS","datePublished":"2013-03-28T09:59:15+00:00","dateModified":"2013-03-28T10:00:57+00:00","mainEntityOfPage":{"@id":"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/"},"wordCount":41,"commentCount":0,"articleSection":["CSS","HTML"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/","url":"https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/","name":"Posicionamiento de elementos en HTML con CSS | mydevnotepad","isPartOf":{"@id":"https:\/\/heymowski.es\/mydevnotepad\/#website"},"datePublished":"2013-03-28T09:59:15+00:00","dateModified":"2013-03-28T10:00:57+00:00","author":{"@id":"https:\/\/heymowski.es\/mydevnotepad\/#\/schema\/person\/d2129df7ef4a39b5e02c54ae9f426ea3"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/heymowski.es\/mydevnotepad\/2013\/03\/28\/posivionamiento-de-elementos-en-html-con-css\/"]}]},{"@type":"WebSite","@id":"https:\/\/heymowski.es\/mydevnotepad\/#website","url":"https:\/\/heymowski.es\/mydevnotepad\/","name":"mydevnotepad","description":"echo &quot;Blog sobre Php y otros entretenimientos, para reforzar mi fr\u00e1gil memoria&quot;;","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/heymowski.es\/mydevnotepad\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/heymowski.es\/mydevnotepad\/#\/schema\/person\/d2129df7ef4a39b5e02c54ae9f426ea3","name":"jjuanh","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/heymowski.es\/mydevnotepad\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bf9cff5d33a0b664a36c8a2188742797ff6063e120fd22b1a15f3b45616b6707?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bf9cff5d33a0b664a36c8a2188742797ff6063e120fd22b1a15f3b45616b6707?s=96&d=mm&r=g","caption":"jjuanh"},"sameAs":["http:\/\/www.heymowski.es"],"url":"https:\/\/heymowski.es\/mydevnotepad\/author\/jjuanh\/"}]}},"_links":{"self":[{"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/posts\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":4,"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"predecessor-version":[{"id":219,"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/posts\/215\/revisions\/219"}],"wp:attachment":[{"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/heymowski.es\/mydevnotepad\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}