Click here to Skip to main content
15,922,894 members
Home / Discussions / Web Development
   

Web Development

 
GeneralHelp! Pin
lnong26-Aug-03 9:55
lnong26-Aug-03 9:55 
GeneralASP: Connection problem (MySQL) Pin
knoppen26-Aug-03 3:48
knoppen26-Aug-03 3:48 
GeneralRe: ASP: Connection problem (MySQL) Pin
MKlucher28-Aug-03 17:54
MKlucher28-Aug-03 17:54 
GeneralRe: ASP: Connection problem (MySQL) Pin
Diederik de Haas5-Sep-03 5:00
Diederik de Haas5-Sep-03 5:00 
GeneralLayout question Pin
Tomas Petricek26-Aug-03 0:35
Tomas Petricek26-Aug-03 0:35 
GeneralRe: Layout question Pin
Paul Watson26-Aug-03 1:10
sitebuilderPaul Watson26-Aug-03 1:10 
GeneralRe: Layout question Pin
Tomas Petricek26-Aug-03 1:22
Tomas Petricek26-Aug-03 1:22 
GeneralRe: Layout question Pin
Paul Watson26-Aug-03 2:15
sitebuilderPaul Watson26-Aug-03 2:15 
Ok, so a fixed width left column and the a variable width content column.

Sure, use this:
<div id="navigation">
    <ul>
        <li><a title="Page link" href="">Page 1</a></li>
        <li><a title="Page link" href="">Page 2</a></li>
        <li><a title="Page link" href="">Page 3</a></li>
        <li><a title="Page link" href="">Page 4</a></li>
        <li><a title="Page link" href="">Page 5</a></li>
        <li><a title="Page link" href="">Page 6</a></li>
    </ul>
</div>
<div id="content">
    <h1>Page Title</h1>
    <p>Content content content content content content content content content content content content content content content content content.</p>
    <p>Content content content content content content content content content content content content content content content content content.</p>
    <p>Content content content content content content content content content content content content content content content content content.</p>
    <p>Content content content content content content content content content content content content content content content content content.</p>
</div>


and then CSS:
div#navigation
{
	width: 100px;
	float: left;
	border: solid 1px #000000;
	height: 100%;	
}

div#content
{	
	padding-left: 120px;	
	border: solid 1px #000000;	
}


So the idea is to have a DIV on the left with float:left set and a fixed width. Then the DIV on the right expands to fill the space. The padding-left: 120px; keeps it off the left DIV.

Paul Watson
Bluegrass
Cape Town, South Africa

Crikey! ain't life grand?
GeneralRe: Layout question Pin
Tomas Petricek26-Aug-03 2:27
Tomas Petricek26-Aug-03 2:27 
GeneralRe: Layout question Pin
ZoogieZork26-Aug-03 2:05
ZoogieZork26-Aug-03 2:05 
GeneralRe: Layout question Pin
Paul Watson26-Aug-03 6:46
sitebuilderPaul Watson26-Aug-03 6:46 
Generaltab or indent Pin
pnpfriend25-Aug-03 10:33
pnpfriend25-Aug-03 10:33 
GeneralRe: tab or indent Pin
Anonymous26-Aug-03 4:46
Anonymous26-Aug-03 4:46 
GeneralRe: tab or indent Pin
pnpfriend27-Aug-03 3:55
pnpfriend27-Aug-03 3:55 
GeneralBrowser shortcut to an exe Pin
3green25-Aug-03 5:27
3green25-Aug-03 5:27 
GeneralCall ASP function in VBSCRIPT Pin
Daron Tan25-Aug-03 2:39
Daron Tan25-Aug-03 2:39 
GeneralRe: Call ASP function in VBSCRIPT Pin
Hesham Amin25-Aug-03 4:05
Hesham Amin25-Aug-03 4:05 
Generaljava Word maker help required Pin
seunao25-Aug-03 1:43
seunao25-Aug-03 1:43 
GeneralRe: java Word maker help required Pin
ZoogieZork25-Aug-03 4:27
ZoogieZork25-Aug-03 4:27 
QuestionClient script: URLVisited? Pin
peterchen25-Aug-03 1:39
peterchen25-Aug-03 1:39 
AnswerRe: Client script: URLVisited? Pin
brianwelsch31-Aug-03 3:47
brianwelsch31-Aug-03 3:47 
GeneralCall Submit Function in VBSCRIPT Pin
Daron Tan24-Aug-03 17:09
Daron Tan24-Aug-03 17:09 
GeneralLoading html Pin
andyg.10124-Aug-03 15:46
andyg.10124-Aug-03 15:46 
GeneralRe: Loading html Pin
theJazzyBrain24-Aug-03 22:48
theJazzyBrain24-Aug-03 22:48 
GeneralRe: Loading html Pin
andyg.10125-Aug-03 15:42
andyg.10125-Aug-03 15:42 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.