Auditing an Oracle database for security issues is very important. PeteFinnigan.com provides all of the information and tools that you will need Click here for details of PeteFinnigan.com Limited's detailed Oracle database security audit service Click here for details of PeteFinnigan.com Limited's Oracle Security Training Courses
Cookie Policy:We only use essential cookies on small sections of this website. For details see here.

Welcome, Guest. Please Login.
Mar 27th, 2017, 1:41am
News: Welcome to Pete Finnigan's Oracle security forum
Home | Help | Search | Members | Login
   Pete Finnigan's Oracle Security Forum
   Web Development
   Web Development
(Moderator: Pete Finnigan)
   The HTML Code for a Basic 2 Column Website
« Previous topic | Next topic »
Pages: 1  Reply | Notify of replies | Send Topic | Print
   Author  Topic: The HTML Code for a Basic 2 Column Website  (Read 1907 times)
mark123
PeteFinnigan.com Newbie
*



I love YaBB 1G - SP1!

   
View Profile |

Posts: 1
The HTML Code for a Basic 2 Column Website
« on: Mar 7th, 2009, 11:10am »
Quote | Modify

The HTML part of the code is fairly simple. Web Programmers basically need 2 div blocks, one for each column.  
 
<div id="container">
 <div id="navbar">Navigation</div>
 <div id="content">Content here</div>
</div>
 
The words "Navigation" and "Content here" are merely placeholders for the navigation side bar and main content. You should remove those words when you put your real content. The "container" div block is merely a block enclosing both the two columns, and is useful if you want to apply certain styles that affect both columns as a unit.  
 
If you want a website where your page widths expand or contract according to how large your visitor's browser window is, you should use relative widths for your columns. At the time I write this, thesitewizard.com uses such a fluid layout as well. For example, if you change the size of your browser window, your browser will reformat this article as far as possible to fit within the window (unless you resize it too small).  
 
The CSS code for this is simple.  
 
#content {
 margin-left: 20%;
}
#navbar {
 float: left;
 width: 20%;
}
« Last Edit: Mar 9th, 2009, 2:40pm by Pete Finnigan » IP Logged
Pages: 1  Reply | Notify of replies | Send Topic | Print

« Previous topic | Next topic »

Powered by YaBB 1 Gold - SP 1.4!
Forum software copyright 2000-2004 Yet another Bulletin Board