
		<!-- All in One SEO 4.9.9 - aioseo.com -->
	<meta name="description" content="CSS3 ve HTML5 Kaydırma Konumlandırma. CSS Float İle Pozisyon Belirleme. Bu videomuzda kutuların pozisyonlarını &quot;float&quot; ile belirlemeye çalışacağız.Site kayma yada taşma(overflow) olaylarının mantığını ve birden fazla kutunun yan yana alt alta gelme durumlarını inceleyeceğiz. Örnek Uygulamamızda Ayrıca; Kutu Boyutlandırmanın Taşmaya Etkisi(Padding ve Border), Kutular Arası Boşlukların Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmiş" />
	<meta name="robots" content="max-image-preview:large" />
	<meta name="author" content="Mehmet Elbeyli"/>
	<link rel="canonical" href="https://bilgisayarbilisim.net/egitim/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme/" />
	<meta name="generator" content="All in One SEO (AIOSEO) 4.9.9" />
		<meta property="og:locale" content="tr_TR" />
		<meta property="og:site_name" content="BBNET Sürekli Eğitim Merkezi - Teknoloji, Tasarım, Robotik ve Kodlama Eğitimleri" />
		<meta property="og:type" content="article" />
		<meta property="og:title" content="CSS3 ve HTML5 Kaydırma Konumlandırma – CSS Float İle Pozisyon Belirleme - BBNET Sürekli Eğitim Merkezi" />
		<meta property="og:description" content="CSS3 ve HTML5 Kaydırma Konumlandırma. CSS Float İle Pozisyon Belirleme. Bu videomuzda kutuların pozisyonlarını &quot;float&quot; ile belirlemeye çalışacağız.Site kayma yada taşma(overflow) olaylarının mantığını ve birden fazla kutunun yan yana alt alta gelme durumlarını inceleyeceğiz. Örnek Uygulamamızda Ayrıca; Kutu Boyutlandırmanın Taşmaya Etkisi(Padding ve Border), Kutular Arası Boşlukların Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmiş" />
		<meta property="og:url" content="https://bilgisayarbilisim.net/egitim/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme/" />
		<meta property="og:image" content="https://bilgisayarbilisim.net/egitim/wp-content/uploads/2016/05/bbnet-sem-logo.png" />
		<meta property="og:image:secure_url" content="https://bilgisayarbilisim.net/egitim/wp-content/uploads/2016/05/bbnet-sem-logo.png" />
		<meta property="og:image:width" content="400" />
		<meta property="og:image:height" content="251" />
		<meta property="article:published_time" content="2020-06-15T16:29:38+00:00" />
		<meta property="article:modified_time" content="2022-10-03T20:54:10+00:00" />
		<meta name="twitter:card" content="summary" />
		<meta name="twitter:title" content="CSS3 ve HTML5 Kaydırma Konumlandırma – CSS Float İle Pozisyon Belirleme - BBNET Sürekli Eğitim Merkezi" />
		<meta name="twitter:description" content="CSS3 ve HTML5 Kaydırma Konumlandırma. CSS Float İle Pozisyon Belirleme. Bu videomuzda kutuların pozisyonlarını &quot;float&quot; ile belirlemeye çalışacağız.Site kayma yada taşma(overflow) olaylarının mantığını ve birden fazla kutunun yan yana alt alta gelme durumlarını inceleyeceğiz. Örnek Uygulamamızda Ayrıca; Kutu Boyutlandırmanın Taşmaya Etkisi(Padding ve Border), Kutular Arası Boşlukların Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmiş" />
		<meta name="twitter:image" content="https://bilgisayarbilisim.net/egitim/wp-content/uploads/2016/05/bbnet-sem-logo.png" />
{"id":9062,"date":"2020-06-15T19:29:38","date_gmt":"2020-06-15T16:29:38","guid":{"rendered":"https:\/\/bilgisayarbilisim.net\/egitim\/?p=9062"},"modified":"2022-10-03T23:54:10","modified_gmt":"2022-10-03T20:54:10","slug":"css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme","status":"publish","type":"post","link":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/","title":{"rendered":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma &#8211; CSS Float \u0130le Pozisyon Belirleme"},"content":{"rendered":"<p style=\"text-align: justify;\">CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma. CSS Float \u0130le Pozisyon Belirleme. Bu videomuzda kutular\u0131n pozisyonlar\u0131n\u0131 &#8220;float&#8221; ile belirlemeye \u00e7al\u0131\u015faca\u011f\u0131z.Site kayma yada ta\u015fma(overflow) olaylar\u0131n\u0131n mant\u0131\u011f\u0131n\u0131 ve birden fazla kutunun yan yana alt alta gelme durumlar\u0131n\u0131 inceleyece\u011fiz. \u00d6rnek Uygulamam\u0131zda Ayr\u0131ca; Kutu Boyutland\u0131rman\u0131n Ta\u015fmaya Etkisi(Padding ve Border), Kutular Aras\u0131 Bo\u015fluklar\u0131n Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmi\u015f Bir Float\u0131n Clear ile Temizlenmesi Gibi bir\u00e7ok konu bu video&#8217;da Detayl\u0131ca anlat\u0131lm\u0131\u015ft\u0131r. Yapm\u0131\u015f oldu\u011fumuz \u00f6rnek uygulaman\u0131n kodlar\u0131 a\u015fa\u011f\u0131daki linkte verilmi\u015ftir. https:\/\/drive.google.com\/file\/d\/1rSoAbiwdzISoWIddSgxVG7_suE5tLF1x\/view?usp=sharing<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma &#8211; CSS Float \u0130le Pozisyon Belirleme<\/p>\n","protected":false},"author":84,"featured_media":9064,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[743,732,734],"tags":[787,824,826,833,889],"cactus_badges":[],"video-series":[],"class_list":["post-9062","post","type-post","status-publish","format-video","has-post-thumbnail","category-html-ve-css-egitimleri","category-tumegitimler","category-web-tasarimi","tag-bbnet-sem","tag-css-dersleri","tag-css-float-ile-pozisyon-belirleme","tag-css3-ve-html5-kaydirma-konumlandirma","tag-html-dersleri","post_format-post-format-video"],"aioseo_notices":[],"aioseo_head":"\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#blogposting\",\"name\":\"CSS3 ve HTML5 Kayd\\u0131rma Konumland\\u0131rma \\u2013 CSS Float \\u0130le Pozisyon Belirleme - BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"headline\":\"CSS3 ve HTML5 Kayd\\u0131rma Konumland\\u0131rma &#8211; CSS Float \\u0130le Pozisyon Belirleme\",\"author\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/CSS3-ve-HTML5-Kaydirma-Konumlandirma-CSS-Float-Ile-Pozisyon-Belirleme.jpg\",\"width\":900,\"height\":506},\"datePublished\":\"2020-06-15T19:29:38+03:00\",\"dateModified\":\"2022-10-03T23:54:10+03:00\",\"inLanguage\":\"tr-TR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#webpage\"},\"articleSection\":\"Html ve Css E\\u011fitimleri, T\\u00fcm E\\u011fitimler, Web Tasar\\u0131m E\\u011fitimleri, bbnet sem, css dersleri, CSS Float \\u0130le Pozisyon Belirleme, CSS3 ve HTML5 Kayd\\u0131rma Konumland\\u0131rma, html dersleri, Video\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim#listItem\",\"position\":1,\"name\":\"Ev\",\"item\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/#listItem\",\"name\":\"Web Tasar\\u0131m E\\u011fitimleri\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/#listItem\",\"position\":2,\"name\":\"Web Tasar\\u0131m E\\u011fitimleri\",\"item\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/html-ve-css-egitimleri\\\/#listItem\",\"name\":\"Html ve Css E\\u011fitimleri\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim#listItem\",\"name\":\"Ev\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/html-ve-css-egitimleri\\\/#listItem\",\"position\":3,\"name\":\"Html ve Css E\\u011fitimleri\",\"item\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/html-ve-css-egitimleri\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#listItem\",\"name\":\"CSS3 ve HTML5 Kayd\\u0131rma Konumland\\u0131rma &#8211; CSS Float \\u0130le Pozisyon Belirleme\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/#listItem\",\"name\":\"Web Tasar\\u0131m E\\u011fitimleri\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#listItem\",\"position\":4,\"name\":\"CSS3 ve HTML5 Kayd\\u0131rma Konumland\\u0131rma &#8211; CSS Float \\u0130le Pozisyon Belirleme\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/html-ve-css-egitimleri\\\/#listItem\",\"name\":\"Html ve Css E\\u011fitimleri\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#organization\",\"name\":\"BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"description\":\"Teknoloji, Tasar\\u0131m, Robotik ve Kodlama E\\u011fitimleri\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/bbnet-sem-logo.png\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#organizationLogo\",\"width\":400,\"height\":251},\"image\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#organizationLogo\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/#author\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/\",\"name\":\"Mehmet Elbeyli\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#authorImage\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/wp-content\\\/uploads\\\/avatars\\\/84\\\/6035755886f33-bpfull.jpg\",\"width\":96,\"height\":96,\"caption\":\"Mehmet Elbeyli\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#webpage\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/\",\"name\":\"CSS3 ve HTML5 Kayd\\u0131rma Konumland\\u0131rma \\u2013 CSS Float \\u0130le Pozisyon Belirleme - BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"description\":\"CSS3 ve HTML5 Kayd\\u0131rma Konumland\\u0131rma. CSS Float \\u0130le Pozisyon Belirleme. Bu videomuzda kutular\\u0131n pozisyonlar\\u0131n\\u0131 \\\"float\\\" ile belirlemeye \\u00e7al\\u0131\\u015faca\\u011f\\u0131z.Site kayma yada ta\\u015fma(overflow) olaylar\\u0131n\\u0131n mant\\u0131\\u011f\\u0131n\\u0131 ve birden fazla kutunun yan yana alt alta gelme durumlar\\u0131n\\u0131 inceleyece\\u011fiz. \\u00d6rnek Uygulamam\\u0131zda Ayr\\u0131ca; Kutu Boyutland\\u0131rman\\u0131n Ta\\u015fmaya Etkisi(Padding ve Border), Kutular Aras\\u0131 Bo\\u015fluklar\\u0131n Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmi\\u015f\",\"inLanguage\":\"tr-TR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/CSS3-ve-HTML5-Kaydirma-Konumlandirma-CSS-Float-Ile-Pozisyon-Belirleme.jpg\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#mainImage\",\"width\":900,\"height\":506},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\\\/#mainImage\"},\"datePublished\":\"2020-06-15T19:29:38+03:00\",\"dateModified\":\"2022-10-03T23:54:10+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#website\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/\",\"name\":\"BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"description\":\"Teknoloji, Tasar\\u0131m, Robotik ve Kodlama E\\u011fitimleri\",\"inLanguage\":\"tr-TR\",\"publisher\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma \u2013 CSS Float \u0130le Pozisyon Belirleme - BBNET S\u00fcrekli E\u011fitim Merkezi","description":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma. CSS Float \u0130le Pozisyon Belirleme. Bu videomuzda kutular\u0131n pozisyonlar\u0131n\u0131 \"float\" ile belirlemeye \u00e7al\u0131\u015faca\u011f\u0131z.Site kayma yada ta\u015fma(overflow) olaylar\u0131n\u0131n mant\u0131\u011f\u0131n\u0131 ve birden fazla kutunun yan yana alt alta gelme durumlar\u0131n\u0131 inceleyece\u011fiz. \u00d6rnek Uygulamam\u0131zda Ayr\u0131ca; Kutu Boyutland\u0131rman\u0131n Ta\u015fmaya Etkisi(Padding ve Border), Kutular Aras\u0131 Bo\u015fluklar\u0131n Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmi\u015f","canonical_url":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#blogposting","name":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma \u2013 CSS Float \u0130le Pozisyon Belirleme - BBNET S\u00fcrekli E\u011fitim Merkezi","headline":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma &#8211; CSS Float \u0130le Pozisyon Belirleme","author":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/#author"},"publisher":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2020\/06\/CSS3-ve-HTML5-Kaydirma-Konumlandirma-CSS-Float-Ile-Pozisyon-Belirleme.jpg","width":900,"height":506},"datePublished":"2020-06-15T19:29:38+03:00","dateModified":"2022-10-03T23:54:10+03:00","inLanguage":"tr-TR","mainEntityOfPage":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#webpage"},"isPartOf":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#webpage"},"articleSection":"Html ve Css E\u011fitimleri, T\u00fcm E\u011fitimler, Web Tasar\u0131m E\u011fitimleri, bbnet sem, css dersleri, CSS Float \u0130le Pozisyon Belirleme, CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma, html dersleri, Video"},{"@type":"BreadcrumbList","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim#listItem","position":1,"name":"Ev","item":"https:\/\/bilgisayarbilisim.net\/egitim","nextItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/#listItem","name":"Web Tasar\u0131m E\u011fitimleri"}},{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/#listItem","position":2,"name":"Web Tasar\u0131m E\u011fitimleri","item":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/","nextItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/#listItem","name":"Html ve Css E\u011fitimleri"},"previousItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim#listItem","name":"Ev"}},{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/#listItem","position":3,"name":"Html ve Css E\u011fitimleri","item":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/","nextItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#listItem","name":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma &#8211; CSS Float \u0130le Pozisyon Belirleme"},"previousItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/#listItem","name":"Web Tasar\u0131m E\u011fitimleri"}},{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#listItem","position":4,"name":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma &#8211; CSS Float \u0130le Pozisyon Belirleme","previousItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/#listItem","name":"Html ve Css E\u011fitimleri"}}]},{"@type":"Organization","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#organization","name":"BBNET S\u00fcrekli E\u011fitim Merkezi","description":"Teknoloji, Tasar\u0131m, Robotik ve Kodlama E\u011fitimleri","url":"https:\/\/bilgisayarbilisim.net\/egitim\/","logo":{"@type":"ImageObject","url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#organizationLogo","width":400,"height":251},"image":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/#author","url":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/","name":"Mehmet Elbeyli","image":{"@type":"ImageObject","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#authorImage","url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/avatars\/84\/6035755886f33-bpfull.jpg","width":96,"height":96,"caption":"Mehmet Elbeyli"}},{"@type":"WebPage","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#webpage","url":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/","name":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma \u2013 CSS Float \u0130le Pozisyon Belirleme - BBNET S\u00fcrekli E\u011fitim Merkezi","description":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma. CSS Float \u0130le Pozisyon Belirleme. Bu videomuzda kutular\u0131n pozisyonlar\u0131n\u0131 \"float\" ile belirlemeye \u00e7al\u0131\u015faca\u011f\u0131z.Site kayma yada ta\u015fma(overflow) olaylar\u0131n\u0131n mant\u0131\u011f\u0131n\u0131 ve birden fazla kutunun yan yana alt alta gelme durumlar\u0131n\u0131 inceleyece\u011fiz. \u00d6rnek Uygulamam\u0131zda Ayr\u0131ca; Kutu Boyutland\u0131rman\u0131n Ta\u015fmaya Etkisi(Padding ve Border), Kutular Aras\u0131 Bo\u015fluklar\u0131n Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmi\u015f","inLanguage":"tr-TR","isPartOf":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#website"},"breadcrumb":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#breadcrumblist"},"author":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/#author"},"creator":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2020\/06\/CSS3-ve-HTML5-Kaydirma-Konumlandirma-CSS-Float-Ile-Pozisyon-Belirleme.jpg","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#mainImage","width":900,"height":506},"primaryImageOfPage":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/#mainImage"},"datePublished":"2020-06-15T19:29:38+03:00","dateModified":"2022-10-03T23:54:10+03:00"},{"@type":"WebSite","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#website","url":"https:\/\/bilgisayarbilisim.net\/egitim\/","name":"BBNET S\u00fcrekli E\u011fitim Merkezi","description":"Teknoloji, Tasar\u0131m, Robotik ve Kodlama E\u011fitimleri","inLanguage":"tr-TR","publisher":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#organization"}}]},"og:locale":"tr_TR","og:site_name":"BBNET S\u00fcrekli E\u011fitim Merkezi - Teknoloji, Tasar\u0131m, Robotik ve Kodlama E\u011fitimleri","og:type":"article","og:title":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma \u2013 CSS Float \u0130le Pozisyon Belirleme - BBNET S\u00fcrekli E\u011fitim Merkezi","og:description":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma. CSS Float \u0130le Pozisyon Belirleme. Bu videomuzda kutular\u0131n pozisyonlar\u0131n\u0131 &quot;float&quot; ile belirlemeye \u00e7al\u0131\u015faca\u011f\u0131z.Site kayma yada ta\u015fma(overflow) olaylar\u0131n\u0131n mant\u0131\u011f\u0131n\u0131 ve birden fazla kutunun yan yana alt alta gelme durumlar\u0131n\u0131 inceleyece\u011fiz. \u00d6rnek Uygulamam\u0131zda Ayr\u0131ca; Kutu Boyutland\u0131rman\u0131n Ta\u015fmaya Etkisi(Padding ve Border), Kutular Aras\u0131 Bo\u015fluklar\u0131n Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmi\u015f","og:url":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/","og:image":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png","og:image:secure_url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png","og:image:width":400,"og:image:height":251,"article:published_time":"2020-06-15T16:29:38+00:00","article:modified_time":"2022-10-03T20:54:10+00:00","twitter:card":"summary","twitter:title":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma \u2013 CSS Float \u0130le Pozisyon Belirleme - BBNET S\u00fcrekli E\u011fitim Merkezi","twitter:description":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma. CSS Float \u0130le Pozisyon Belirleme. Bu videomuzda kutular\u0131n pozisyonlar\u0131n\u0131 &quot;float&quot; ile belirlemeye \u00e7al\u0131\u015faca\u011f\u0131z.Site kayma yada ta\u015fma(overflow) olaylar\u0131n\u0131n mant\u0131\u011f\u0131n\u0131 ve birden fazla kutunun yan yana alt alta gelme durumlar\u0131n\u0131 inceleyece\u011fiz. \u00d6rnek Uygulamam\u0131zda Ayr\u0131ca; Kutu Boyutland\u0131rman\u0131n Ta\u015fmaya Etkisi(Padding ve Border), Kutular Aras\u0131 Bo\u015fluklar\u0131n Kaymaya Etkisi (Margin), Float ile Pozisyon Belirleme, Pozisyonu Belirlenmi\u015f","twitter:image":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png"},"aioseo_meta_data":{"post_id":"9062","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":false},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-02-23 21:09:57","updated":"2025-06-04 02:38:30","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/bilgisayarbilisim.net\/egitim\" title=\"Ev\">Ev<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/\" title=\"Web Tasar\u0131m E\u011fitimleri\">Web Tasar\u0131m E\u011fitimleri<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/\" title=\"Html ve Css E\u011fitimleri\">Html ve Css E\u011fitimleri<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma \u2013 CSS Float \u0130le Pozisyon Belirleme\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Ev","link":"https:\/\/bilgisayarbilisim.net\/egitim"},{"label":"Web Tasar\u0131m E\u011fitimleri","link":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/"},{"label":"Html ve Css E\u011fitimleri","link":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/"},{"label":"CSS3 ve HTML5 Kayd\u0131rma Konumland\u0131rma &#8211; CSS Float \u0130le Pozisyon Belirleme","link":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-ve-html5-kaydirma-konumlandirma-css-float-ile-pozisyon-belirleme\/"}],"jetpack_featured_media_url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2020\/06\/CSS3-ve-HTML5-Kaydirma-Konumlandirma-CSS-Float-Ile-Pozisyon-Belirleme.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/9062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/comments?post=9062"}],"version-history":[{"count":1,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/9062\/revisions"}],"predecessor-version":[{"id":9584,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/9062\/revisions\/9584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/media\/9064"}],"wp:attachment":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/media?parent=9062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/categories?post=9062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/tags?post=9062"},{"taxonomy":"cactus_badges","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/cactus_badges?post=9062"},{"taxonomy":"video-series","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/video-series?post=9062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}