Click here to Skip to main content
15,892,005 members
Home / Discussions / Web Development
   

Web Development

 
GeneralRe: Retreive data from ms access and display in web browser Pin
Kanel Roath12-Jul-10 20:36
Kanel Roath12-Jul-10 20:36 
AnswerRe: Retreive data from ms access and display in web browser Pin
Peace ON12-Jul-10 21:09
Peace ON12-Jul-10 21:09 
AnswerRe: Retreive data from ms access and display in web browser Pin
T M Gray13-Jul-10 5:33
T M Gray13-Jul-10 5:33 
QuestionAccesing SQL DB from servlet ... Class error [modified] Pin
khurram_shahzad12-Jul-10 2:29
khurram_shahzad12-Jul-10 2:29 
AnswerRe: Accesing SQL DB from servlet ... Class error Pin
Richard MacCutchan12-Jul-10 7:17
mveRichard MacCutchan12-Jul-10 7:17 
GeneralRe: Accesing SQL DB from servlet ... Class error Pin
khurram_shahzad12-Jul-10 8:13
khurram_shahzad12-Jul-10 8:13 
GeneralRe: Accesing SQL DB from servlet ... Class error Pin
Richard MacCutchan12-Jul-10 8:55
mveRichard MacCutchan12-Jul-10 8:55 
QuestionCSS Three Column Layout - Column Height Problem Pin
Uros Calakovic10-Jul-10 8:04
Uros Calakovic10-Jul-10 8:04 
I have the following HTML:


<body>

    <div id="container">
        <div id="top">
            <h1>Header</h1>
        </div>
        <div id="leftnav">
            <p>Left bar</p>
        </div>
        <div id="rightnav">
            <p>Right bar</p>
        </div>
        <div id="content">
            <p>Content</p>
        </div>
        <div id="footer">
            <h4>Footer</h4>
        </div>
    </div>

</body>



and this CSS:


body
{
    font-family: Verdana, Sans-Serif;
    font-size:0.75em;
    line-height:1.5em;
    margin:1.5em;

}

#container
{
    overflow:hidden;
    min-width: 50em;
    margin: 0.625em auto;
    background-color: #fff;
    color: #333;
    border: 1px solid gray;
}

#top
{
    padding: 0.5em;
    background-color: #ddd;
    border-bottom: 1px solid gray;
}

#top h1
{
    padding: 0;
    margin: 0;
}

#leftnav
{
    float: left;
    width: 10em;
    margin: 0;
    padding: 1em;
    background-color:#ec7;
}

#rightnav
{
    float: right;
    width: 10em;
    margin: 0;
    padding: 1em;
    background-color:#db6;
}

#content
{
    margin-left: 10em;
    margin-right: 10em;
    padding-left:3em;
    padding-right:3em;
    padding-top:1em;
    min-width:10em;
    text-align:justify;
    background-color:#bab;
}

#leftnav, #rightnav, #content
{
    padding-bottom:1000em;
    margin-bottom:-1000em;
}

#footer
{
    clear: both;
    margin: 0;
    padding: 0.5em;
    color: #333;
    background-color: #ddd;
    border-top: 1px solid gray;
}


The three DIVs (leftnav, content, rightnav) should be displayed as columns between top and footer DIVs. I managed this, but the 'columns' are not the same height when displayed (ie. the background color only extends as far as the text). This appears to be a common problem and I have found several workarounds. I have attempted to implement this one[^] but only the 'content' column extends properly. leftnav and rightnav background extends over the footer DIV covering its background (although the text 'Footer' is still visible). I would like all three columns to extend only as far as the footer.

Here is the picture.[^]
The bearing of a child takes nine months, no matter
how many women are assigned.

AnswerRe: CSS Three Column Layout - Column Height Problem Pin
NeverHeardOfMe10-Jul-10 22:49
NeverHeardOfMe10-Jul-10 22:49 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
Uros Calakovic11-Jul-10 0:13
Uros Calakovic11-Jul-10 0:13 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
Uros Calakovic11-Jul-10 1:01
Uros Calakovic11-Jul-10 1:01 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
NeverHeardOfMe11-Jul-10 3:51
NeverHeardOfMe11-Jul-10 3:51 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
Uros Calakovic11-Jul-10 8:04
Uros Calakovic11-Jul-10 8:04 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
NeverHeardOfMe11-Jul-10 8:11
NeverHeardOfMe11-Jul-10 8:11 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
Uros Calakovic11-Jul-10 8:32
Uros Calakovic11-Jul-10 8:32 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
NeverHeardOfMe11-Jul-10 12:15
NeverHeardOfMe11-Jul-10 12:15 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
Uros Calakovic11-Jul-10 8:50
Uros Calakovic11-Jul-10 8:50 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
NeverHeardOfMe11-Jul-10 21:53
NeverHeardOfMe11-Jul-10 21:53 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
Dalek Dave11-Jul-10 22:45
professionalDalek Dave11-Jul-10 22:45 
GeneralRe: CSS Three Column Layout - Column Height Problem Pin
Martin Jarvis12-Jul-10 8:29
Martin Jarvis12-Jul-10 8:29 
QuestionHow to generate a file from base64 binary stream tusing java script Pin
Gokul_md9-Jul-10 23:44
Gokul_md9-Jul-10 23:44 
AnswerRe: How to generate a file from base64 binary stream tusing java script Pin
Martin Jarvis12-Jul-10 8:33
Martin Jarvis12-Jul-10 8:33 
QuestionAjax and Postbacks Pin
swjam9-Jul-10 16:34
swjam9-Jul-10 16:34 
AnswerRe: Ajax and Postbacks Pin
Peace ON9-Jul-10 22:45
Peace ON9-Jul-10 22:45 
GeneralRe: Ajax and Postbacks Pin
swjam9-Jul-10 23:05
swjam9-Jul-10 23:05 

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.