Reply to thread

Message

<blockquote data-quote="අලුත් සෙට් එක" data-source="post: 18715762" data-attributes="member: 514002"><p>man baluwe mage site eke theam ekama responsive kara ganna mata eka ona wela tiyenwa ekai...</p><p></p><p>machan me code tika dammoth harida kothanata kohoma danna onada ewa???</p><p></p><p>Simple yet very effective:</p><p>HTML</p><p></p><p>&lt;div id=&quot;wrapper&quot;&gt;&nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;h1&gt;Your Site Title&lt;/h1&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;!-- end header --&gt;&nbsp; &nbsp; &lt;div id=&quot;main&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Your Content Title&lt;/h2&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Your content blah blah...&lt;/p&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&lt;!-- end header --&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;sidebar&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Your sidebar content...&lt;/p&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;&lt;!-- end sidebar --&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;!-- end main --&gt;&nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;&nbsp; &nbsp; &nbsp;&nbsp; &lt;p&gt;Your footer content...&lt;/p&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;!-- end footer --&gt; &lt;/div&gt;&lt;!-- end wrapper --&gt; CSS</p><p></p><p>#wrapper {&nbsp; &nbsp; max-width: 1200px;&nbsp; &nbsp; width: 95%;&nbsp; &nbsp; margin: 0 auto; }&nbsp; #header, #main, #footer {&nbsp; &nbsp; width: 100%; }&nbsp; #content {&nbsp; &nbsp; width: 65%;&nbsp; &nbsp; float: left; }&nbsp; #sidebar {&nbsp; &nbsp; width: 35%;&nbsp; &nbsp; float: left; }&nbsp; #footer {&nbsp; &nbsp; clear: both; } The main thing here is to use the &quot;max-width&quot; and &quot;width&quot; on the wrapper (or whatever did you have wrapping the content).</p><p>&nbsp;I'm using this style of coding on my website<img src="/styles/default/xenforo/smilies/default/rofl.gif"&nbsp; class="smilie" loading="lazy" alt=":rofl:" title="ROFL&nbsp; &nbsp; :rofl:" data-shortname=":rofl:" /></p></blockquote><p></p>

[QUOTE="අලුත් සෙට් එක, post: 18715762, member: 514002"] man baluwe mage site eke theam ekama responsive kara ganna mata eka ona wela tiyenwa ekai... machan me code tika dammoth harida kothanata kohoma danna onada ewa??? Simple yet very effective: HTML <div id="wrapper"> <div id="header"> <h1>Your Site Title</h1> </div> <div id="main"> <div id="content"> <h2>Your Content Title</h2> <p>Your content blah blah...</p> </div> <div id="sidebar"> <p>Your sidebar content...</p> </div> </div> <div id="footer"> <p>Your footer content...</p> </div> </div> CSS #wrapper { max-width: 1200px; width: 95%; margin: 0 auto; } #header, #main, #footer { width: 100%; } #content { width: 65%; float: left; } #sidebar { width: 35%; float: left; } #footer { clear: both; } The main thing here is to use the "max-width" and "width" on the wrapper (or whatever did you have wrapping the content). I'm using this style of coding on my website:rofl: [/QUOTE]

Verification

Hathara warak wissa keeyada? (Hathara wadi karanna 20)

Search

Latest ads

Reply to thread