Html en b\u00fcy\u00fck sorunlardan baz\u0131lar\u0131 ekran ortalamak veya
\nboyuta g\u00f6re div veya tablo boyutlar\u0131n\u0131 ayarlamakt\u0131r..<\/p>\n
ilk olarak basit bir \u00f6rnek ile a\u00e7\u0131klayal\u0131m..
\n<\/p>\n
+ Basit bir html \u00f6rne\u011fi haz\u0131rlayal\u0131m.
\n+ Div boyutlar\u0131n\u0131 belirleyelim.<\/p>\n
\n\n\t\n\t\t\n\t\n\t\t\n\t\tDiv Ortalama \u00d6rne\u011fi<\/title>\n\t\n <style>\n .div{\n border: 1px solid blue;\n width:300px;\n height: 400px;\n background-color: red;\n \n \n }\n <\/style>\n\t\n\n<div class=\"div\">\n Div Ortalama \u00d6rne\u011fi\n<\/div>\n\n\t\n\n\t\n \n<\/pre>\n<p> <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2097\" src=\"http:\/\/www.kodcafe.com\/wp-content\/uploads\/2017\/02\/div_ortalama.png\" alt=\"\" width=\"550\" height=\"452\"><\/p>\n<p>div sol k\u00f6\u015feden itibaren olu\u015fturdu..<br \/>\n<strong>Div Ekran Ortas\u0131na ayarlama<\/strong><br \/>\nDiv Ekran Ortas\u0131na ayarlamak i\u00e7in ise <strong>“position: relative”<\/strong> ve <strong>“margin: auto”<\/strong> komutlar\u0131n\u0131 kullanaca\u011f\u0131z..<\/p>\n<pre lang=\"html\">\t\n\t\t\n\t\t\n\t\n\t\t<meta charset=\"utf-8\">\n\t\t<title>Div Ortalama \u00d6rne\u011fi<\/title>\n\t\n <style>\n .div{\n border: 1px solid blue;\n width:300px;\n height: 400px;\n background-color: red;\n position: relative;\n margin: auto;\n \n }\n <\/style>\n\t\n\n<div class=\"div\">\n Div Ortalama \u00d6rne\u011fi\n<\/div>\n\n\t\n\n\t\n \n<\/pre>\n<p> <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2099\" src=\"http:\/\/www.kodcafe.com\/wp-content\/uploads\/2017\/02\/div_ortalama_2-1024x433.png\" alt=\"\" width=\"550\" height=\"333\"><\/p>\n<p>\u015eimdi ise ekran\u0131n tam ortas\u0131na div i ortalamak i\u00e7in ise<\/p>\n<pre lang=\"html\">\n\t\n\t\t<meta charset=\"utf-8\">\n\t\t<title>Div Ortalama \u00d6rne\u011fi<\/title>\n\t\n <style>\n .div{\n border: 1px solid blue;\n width:300px;\n height: 400px;\n background-color: red;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n \n \n \n }\n <\/style>\n\t\n\n<div class=\"div\">\n Div Ortalama \u00d6rne\u011fi\n<\/div>\n\n\t\n\n<\/pre>\n<p>ekran tam ortas\u0131na div almak i\u00e7in top , left ve trasnform komutlar\u0131n\u0131 kulland\u0131k..<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.kodcafe.com\/wp-content\/uploads\/2017\/02\/div_ortalama_3-1-1024x526.png\" alt=\"\" width=\"550\" height=\"326\" class=\"aligncenter size-large wp-image-2106\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Html en b\u00fcy\u00fck sorunlardan baz\u0131lar\u0131 ekran ortalamak veya boyuta g\u00f6re div veya tablo boyutlar\u0131n\u0131 ayarlamakt\u0131r.. ilk olarak basit bir \u00f6rnek ile a\u00e7\u0131klayal\u0131m..<\/p>\n","protected":false},"author":1,"featured_media":2283,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[94,103,104,194,195,196],"class_list":["post-2096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-css-div-ortalama","tag-div","tag-div-ortalama","tag-html","tag-html-div-boyut-ayarlama","tag-html-div-ekran-ortalama"],"_links":{"self":[{"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=\/wp\/v2\/posts\/2096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2096"}],"version-history":[{"count":1,"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=\/wp\/v2\/posts\/2096\/revisions"}],"predecessor-version":[{"id":2284,"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=\/wp\/v2\/posts\/2096\/revisions\/2284"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=\/wp\/v2\/media\/2283"}],"wp:attachment":[{"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2096"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.kodcafe.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}