{"id":23188,"date":"2021-03-26T20:15:32","date_gmt":"2021-03-27T00:15:32","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/recent-posts\/more-css-layouts-root-by-sayed-ahmed\/"},"modified":"2021-03-26T20:15:32","modified_gmt":"2021-03-27T00:15:32","slug":"more-css-layouts-root-by-sayed-ahmed","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=23188","title":{"rendered":"More CSS Layouts #Root #By Sayed Ahmed"},"content":{"rendered":"

Three Column layout with header and footer: The CSS<\/p>\n

html, body { margin: 0; padding: 0; }
\n#header {
\nwidth: 800px;
\nfloat: left;
\n}
\n#maincontainer {
\nwidth: 800px;
\nfloat: left;
\n}
\n#nav {
\nwidth: 200px;
\nfloat: left;
\n}
\n#main {
\nfloat: right;
\nwidth: 600px;
\n}
\n#footer {
\nwidth: 800px;
\nfloat: left;
\n}<\/p><\/blockquote>\n

The XHTML<\/p>\n

<!DOCTYPE html PUBLIC “-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN” “http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd”>
\n<html xmlns=”http:\/\/www.w3.org\/1999\/xhtml”>
\n<head>
\n<meta http-equiv=”Content-Type” content=”text\/html; charset=iso-8859-1″ \/>
\n<title>2 Column Header and Footer Layout<\/title>
\n<link href=”styles.css” rel=”stylesheet” type=”text\/css” \/>
\n<\/head><\/p>\n

<body>
\n<div id=”header”><h1>Header<\/h1><\/div>
\n<div id=”maincontainer”>
\n<div id=”main”>
\n<p>Whee<\/p>
\n<p>
\n<\/div>
\n<div id=”nav”>
\n<ul>
\n<li><a href=””>Link<\/a><\/li>
\n<li><a href=””>Link<\/a><\/li>
\n<li><a href=””>Link<\/a><\/li>
\n<li><a href=””>Link<\/a><\/li>
\n<\/ul>
\n<\/div>
\n<\/div>
\n<div id=”footer”><h4>Footer<\/h4><\/div>
\n<\/body>
\n<\/html><\/p><\/blockquote>\n

From: http:\/\/sitestree.com\/?p=3649
Categories:Root, By Sayed Ahmed
Tags:
Post Data:2016-09-15 14:20:36<\/p>\n

\t\tShop Online: https:\/\/www.ShopForSoul.com\/<\/a>
\n\t\t(Big Data, Cloud, Security, Machine Learning): Courses: http:\/\/Training.SitesTree.com<\/a>
\n\t\tIn Bengali: http:\/\/Bangla.SaLearningSchool.com<\/a>
\n\t\thttp:\/\/SitesTree.com<\/a>
\n\t\t8112223 Canada Inc.\/JustEtc: http:\/\/JustEtc.net (Software\/Web\/Mobile\/Big-Data\/Machine Learning) <\/a>
\n\t\tShop Online: https:\/\/www.ShopForSoul.com\/<\/a>
\n\t\tMedium: https:\/\/medium.com\/@SayedAhmedCanada <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Three Column layout with header and footer: The CSS html, body { margin: 0; padding: 0; } #header { width: 800px; float: left; } #maincontainer { width: 800px; float: left; } #nav { width: 200px; float: left; } #main { float: right; width: 600px; } #footer { width: 800px; float: left; } The XHTML <!DOCTYPE … <\/p>\n

Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1917],"tags":[],"class_list":["post-23188","post","type-post","status-publish","format-standard","hentry","category-fromsitestree-com","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6784,"url":"http:\/\/bangla.sitestree.com\/?p=6784","url_meta":{"origin":23188,"position":0},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09b2\u09c7\u0986\u0989\u099f (HTML Layout)","author":"Author-Check- Article-or-Video","date":"March 31, 2015","format":false,"excerpt":"Md. Mursedul Islam Sumon Web Designer \u00a0 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09b2\u09c7\u0986\u0989\u099f (HTML Layouts) \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0993\u09df\u09c7\u09ac\u09b8\u09be\u0987\u099f\u09c7 \u0985\u09a8\u09c7\u0995 \u09b8\u09ae\u09df\u0987 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0995\u09b0\u09be \u09af\u09be\u09df \u09af\u09c7 \u09b2\u09bf\u0996\u09be\u0997\u09c1\u09b2\u09cb \u0995\u09df\u09c7\u0995\u099f\u09bf \u0995\u09b2\u09be\u09ae\u09c7 \u09ac\u09bf\u09ad\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09a5\u09be\u0995\u09c7\u0964 \u09af\u09c7\u09ae\u09a8, \u09ae\u09cd\u09af\u09be\u0997\u09be\u099c\u09bf\u09a8, \u09a8\u09bf\u0989\u099c\u09aa\u09c7\u09aa\u09be\u09b0 \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf\u0964 HTML \u098f

tag \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 layout design \u09ac\u09be \u0995\u09b2\u09be\u09ae\u09c7 \u09ac\u09bf\u09ad\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 div element \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09aa\u09cd\u09b0\u09be\u09df layout \u0995\u09b0\u09be\u2026","rel":"","context":"In "\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML"","block_context":{"text":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML","link":"http:\/\/bangla.sitestree.com\/?cat=494"},"img":{"alt_text":"Table","src":"https:\/\/i0.wp.com\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/03\/Table-300x204.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":6852,"url":"http:\/\/bangla.sitestree.com\/?p=6852","url_meta":{"origin":23188,"position":1},"title":"HTML5 \u098f \u09b0\u09c2\u09aa\u09be\u09a8\u09cd\u09a4\u09b0 (HTML5 Migration)","author":"Author-Check- Article-or-Video","date":"April 20, 2015","format":false,"excerpt":"HTML5 \u098f\u09b0 \u09a7\u09be\u09b0\u09ac\u09be\u09b9\u09bf\u0995 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09b8\u09cd\u09ac\u09be\u0997\u09a4\u09ae\u0964 \u0986\u099c \u0986\u09ae\u09b0\u09be \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09ac Migration from HTML4 to HTML5 \u09a8\u09bf\u09df\u09c7\u0964 \u0986\u099c \u0986\u09ae\u09b0\u09be \u09b6\u09bf\u0996\u09ac\u09cb \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u098f\u0995\u099f\u09bf typical HTML4 page \u0995\u09c7 typical HTML5 page \u098f \u09aa\u09b0\u09bf\u09a8\u09a4 \u0995\u09b0\u09be \u09af\u09be\u09df \u0986\u0997\u09c7\u09b0 \u09b8\u0995\u09b2 \u0995\u09bf\u099b\u09c1 \u0985\u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09bf\u09a4 \u09b0\u09c7\u0996\u09c7\u0964 \u00a0 Typical HTML4 Typical HTML5