[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.
Question
[x]
Attachment Details

Help me make 100% width page extend the full height of the screen

Asked by dirknibleck in Cascading Style Sheets (CSS)

Tags: CSS

I have a 100% width page (demo.clickonce.ca/test3.html) that I can't seem to figure out how to make extend the full height of the screen.

Applicable CSS copied here. 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

body { background-image: url(../images/background-shadow.png); background-repeat: repeat-y; background-position: center; background-color: #EEE; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; height: 100%;}
#wrap { width:1000px; margin:auto; height: 100%;}
#second_wrap {float: left; background-color: #fff; width: 100%; height: 100%;}
#clear {clear: both;}
#header_banner {width:1000px; height: 160px; background-color:#FFF;}
#logo {margin-left: 10px; margin-bottom: 0; margin-right: 0; margin-top: 0px; position:absolute; top:10px; z-index: 2;}
#header_login { font-size: 14px; font-variant: small-caps; text-align: right; height: 50px;}
#header_login p {margin:0; float:right; color:#336699;}
#header_login form {color:#336699;}
#header_login fieldset.submit_no_labels { }
#header_navigation {height:70px; background-color:#336699; margin:auto;}
#header_navigation ul { margin-left: 170px; margin-bottom: 0; margin-right: 0; margin-top: 0; padding:25px 0 0 0;width:830px; }
#header_navigation li {margin-left: 0; margin-bottom: 0; margin-right: 10px; margin-top: 0; font-size: 16px; display:inline; color:#fff; font-weight:bold;}
#header_game_schedule_div {text-align: right; font-variant: small-caps; vertical-align: top;} 
/*--------------- TEMPLATE #4 ------------------------------------------------------------------------------*/
#wrap_temp4 {width:100%; height: 100%;}
#wrap_temp4 #header_banner {width:100%; height:160px;}
#main_body_temp4 {background-color: white; height:100%; width:100%;}
#main_body_left_temp4 {background-color: white; float:left; width:250px; padding:30px 0 0 20px;}
#main_body_left_temp4 ul {margin:0; padding:0;}
#main_body_left_temp4 li {list-style-type:none;}
#main_body_right_temp4 {float:left; padding:30px 0 0 0; margin:0px 0 0 20px;}
#wrap_temp4 #footer {width:100%; margin:auto; height:100px; float:left; text-align:center; color:#fff; font-weight:bold;}
 
Related Solutions
Keywords: Help me make 100% width page ext…
Title
1 CSS column height 100% and width …
2 DIV Height
3 Image Height and Width
4 CSS relative height in DIV layout
5 implementing variable height pages usin…
6 IE and CSS width
 
Loading Advertisement...
 
[+][-]11/07/09 09:19 AM, ID: 25767132Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]11/07/09 09:34 AM, ID: 25767176Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]11/08/09 09:25 AM, ID: 25771074Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]11/08/09 10:44 AM, ID: 25771353Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]11/08/09 01:11 PM, ID: 25771933Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091118-EE-VQP-93 - Hierarchy / EE_QW_3_20080625