Click here to Skip to main content
16,018,458 members
Home / Discussions / ASP.NET
   

ASP.NET

 
QuestionTiming the call of a .js file Pin
Cyberpulse25-Sep-08 14:50
Cyberpulse25-Sep-08 14:50 
AnswerRe: Timing the call of a .js file Pin
Steve Echols25-Sep-08 17:55
Steve Echols25-Sep-08 17:55 
GeneralRe: Timing the call of a .js file Pin
Cyberpulse26-Sep-08 7:49
Cyberpulse26-Sep-08 7:49 
QuestionScript manager in masterpage Pin
AlexeiXX325-Sep-08 13:24
AlexeiXX325-Sep-08 13:24 
AnswerRe: Script manager in masterpage Pin
Abhijit Jana25-Sep-08 17:04
professionalAbhijit Jana25-Sep-08 17:04 
Questionstoring data in cache [modified] Pin
geekfromindia25-Sep-08 13:14
geekfromindia25-Sep-08 13:14 
AnswerRe: storing data in cache Pin
Abhijit Jana25-Sep-08 17:07
professionalAbhijit Jana25-Sep-08 17:07 
QuestionSet 100% height for divs [modified] Pin
AlexeiXX325-Sep-08 13:02
AlexeiXX325-Sep-08 13:02 
Hi, thanks for looking
Im changing my layout from table to css
Im having a little problem with the columns and maincontent
I have a page with header content (divided in 2 areas) and footer
The content divs dont resize to heigth of each other
Ive tryed setting the parent container's height to 100% as well as the body and html, but they dont seem to work
Here is an example of my code, is anyone know how to make it work, please let me know, Thanks in advance:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <title>100% Height CSS Layout</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        html
        {
            height: 100%;
        }
        body
        {
            min-height: 100%;
            height: 100%;
        }
        #header
        {
            width:300px;	
            background-color:Green;
            height: 50px;
        }
        #main
        {
            width: 300px;
            min-height: 100%;
            height: 100%;
        }
        #leftCol
        {
            float: left;
            height: 100%;
            width: 100px;
            background-color: Gray;
        }
        #container
        {
            float: left;
            background-color: #DDD;
            width: 200px;
            height: 100%;
        }
        #footer
        {
            width: 300px;
            height: 50px;
            background-color: Green;
        }
    </style>
</head>
<body>
    <div id="main">
    <div id="header">HEADER</div>
        <div id="leftCol">
            <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
            </p>
        </div>
        <div id="container">
            <h1>
                100% Height Demo</h1>
            <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tempor. Nam in
                libero vel nisi accumsan euismod. Quisque quis neque. Donec condimentum, enim convallis
                vestibulum varius, quam mi accumsan diam, sollicitudin ultricies odio ante vitae
                purus. Etiam ultricies quam. Vestibulum turpis turpis, fermentum ut, accumsan quis,
                tempor at, ipsum. Nam felis elit, sollicitudin id, ultrices faucibus, fringilla
                vel, dui. Aliquam tincidunt iaculis eros. Sed in lorem. Nullam eu enim. Quisque
                tristique pretium diam. Fusce tempor sollicitudin ligula. Donec purus eros, mattis
                quis, mattis vestibulum, congue quis, felis. Nulla facilisi. Nam ultricies posuere
                justo. In feugiat.</p>
            <p>
                Sed non nibh. Sed sapien ipsum, fringilla condimentum, consectetuer vitae, convallis
                eu, urna. Aenean id elit eu nulla aliquet congue. Sed fringilla nonummy nisi. Donec
                aliquet. Quisque varius. Vivamus ut nulla. Lorem ipsum dolor sit amet, consectetuer
                adipiscing elit. Integer lacinia. In leo nulla, molestie ac, dignissim sed, pulvinar
                at, odio. Duis sit amet augue.</p>
        </div>
        <div id="footer">
            FOOTER</div>
    </div>
</body>
</html>


Alexei Rodriguez

modified on Thursday, September 25, 2008 7:17 PM

AnswerRe: Set 100% height for divs Pin
Steve Echols25-Sep-08 17:59
Steve Echols25-Sep-08 17:59 
QuestionAutocomplete textbox issue Pin
enthusiastic47725-Sep-08 10:43
enthusiastic47725-Sep-08 10:43 
AnswerRe: Autocomplete textbox issue Pin
Prasanna Kumar Pete25-Sep-08 17:46
Prasanna Kumar Pete25-Sep-08 17:46 
GeneralRe: Autocomplete textbox issue Pin
enthusiastic47726-Sep-08 4:55
enthusiastic47726-Sep-08 4:55 
GeneralDataGrid EditItemTemplate Problem Pin
Brady Kelly25-Sep-08 7:21
Brady Kelly25-Sep-08 7:21 
GeneralRe: DataGrid EditItemTemplate Problem Pin
NeverHeardOfMe25-Sep-08 10:12
NeverHeardOfMe25-Sep-08 10:12 
GeneralRe: DataGrid EditItemTemplate Problem Pin
Brady Kelly25-Sep-08 10:31
Brady Kelly25-Sep-08 10:31 
GeneralRe: DataGrid EditItemTemplate Problem Pin
NeverHeardOfMe25-Sep-08 11:01
NeverHeardOfMe25-Sep-08 11:01 
QuestionEnable Profile in web app Pin
acroitoriu25-Sep-08 4:55
acroitoriu25-Sep-08 4:55 
AnswerRe: Enable Profile in web app Pin
acroitoriu2-Oct-08 21:11
acroitoriu2-Oct-08 21:11 
QuestionListView - summing a column Pin
#realJSOP25-Sep-08 4:01
professional#realJSOP25-Sep-08 4:01 
AnswerRe: ListView - summing a column Pin
J4amieC25-Sep-08 5:34
J4amieC25-Sep-08 5:34 
GeneralRe: ListView - summing a column Pin
#realJSOP28-Sep-08 2:34
professional#realJSOP28-Sep-08 2:34 
GeneralRe: ListView - summing a column Pin
hutty22-Mar-09 11:38
hutty22-Mar-09 11:38 
Questionshowing data on a WebUserControl in DataGrid edit mode Pin
johland25-Sep-08 3:44
johland25-Sep-08 3:44 
Questionretrieve the file name from path Pin
varsh1225-Sep-08 2:23
varsh1225-Sep-08 2:23 
AnswerREPOST IGNORE Pin
J4amieC25-Sep-08 3:25
J4amieC25-Sep-08 3:25 

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.