Left column and Main content not adjusting

wsantos · December 2, 2007

Im having trouble on the left column and main content height adjustments. Basically I want them to adjust to the height of which is taller. Here is my code.

     BODY
     {
       MARGIN: 0px 0px 0px 0px;
       PADDING: 0px 0px 0px 0px;
       BACKGROUND: #FFFFFF;
       COLOR: #000000;
       FONT-FAMILY: Trebuchet MS;
     }
     H3
     {
       FONT-SIZE: 30px;
       FONT-WEIGHT: BOLD;
     }
     TABLE
     {
       PADDING: 0px 0px 0pX 0px;
     }
     A
     {
       TEXT-DECORATION: NONE;
     }
     .right
     {
       TEXT-ALIGN: RIGHT;
     }
     #CenterHolder
     {
       WIDTH: 100%;
       HEIGHT: 100%;
       TEXT-ALIGN:CENTER;
       BACKGROUND: #AAAAAA;
     }
     #PageMain
     {
       WIDTH: 100%;
       HEIGHT: AUTO;
       COLOR: #000000;
       BACKGROUND: #CCCCCC;
       OVERFLOW: HIDDEN;
     }
     #PageHeader
     {
       WIDTH: 100%;
       HEIGHT: 70px;
       BACKGROUND: #0079C1;
       BORDER-TOP: 1px solid #000000;
       BORDER-BOTTOM: 1px solid #000000;
       OVERFLOW: HIDDEN;
       COLOR: #000000;
     }
     #PageMainLeft
     {
       WIDTH: 160px;
       HEIGHT: 100%;
       FLOAT: LEFT;
       BORDER-RIGHT: 2px solid #FF0000;
       BACKGROUND: #AAAAAA;
       OVERFLOW: HIDDEN;
     }
     #PageContent
     {
       MARGIN: 20px 20px 0px 180px;
       TEXT-ALIGN: LEFT;
     }
     #PageUser
     {
       POSITION: RELATIVE;
       WIDTH: 100%;
       BACKGROUND: #999999;
       BORDER-BOTTOM: 2px SOLID #000000;
       TEXT-ALIGN: LEFT;
     }
     #NAV LI,UL#NAV LI A
     {
       WIDTH:100%;
       LINE-HEIGHT: 32px;
       TEXT-ALIGN: LEFT;
       DISPLAY: BLOCK;
     }
     UL#NAV LI A
     {
       BORDER-BOTTOM: 1px solid #000000;
       TEXT-DECORATION: NONE;
       TEXT-INDENT: 4px;
       FONT-WEIGHT: BOLD;
       COLOR: #000000;
     }
     UL#NAV LI A SPAN
     {
       FLOAT: LEFT;
       HEIGHT: 24px;
       WIDTH: 10px;
       MARGIN: 4px;
       BACKGROUND: #CCCCCC;
     }
     UL#NAV LI A:HOVER
     {
       BACKGROUND: #999999;
       COLOR: #FFFFFF;
     }
     UL#NAV LI A:HOVER SPAN
     {
       BACKGROUND: #0079C1;
     }

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<HTML>
 <HEAD>
   <TITLE>
     Untitled Bros
   </TITLE>
   <LINK REL="stylesheet" TYPE="text/css" href="/stylesheets/CBReset.css" />
   <LINK REL="stylesheet" TYPE="text/css" href="/stylesheets/EGReport.css" />
 </HEAD>
 <BODY>
   <DIV ID=CenterHolder>
     <DIV ID=PageHeader>
       <H3>Head</H3>
     </DIV>
     <DIV ID=PageMain>
       <DIV ID=PageMainLeft>
         <UL ID=NAV>
           <LI><A HREF=""><SPAN></SPAN>Home</A></LI>
           <LI><A HREF=""><SPAN></SPAN>Reports</A></LI>
           <LI><A HREF=""><SPAN></SPAN>Admin</A></LI>
         </UL>
       </DIV>
       <DIV ID=PageContent>
                         
         <FORM NAME=EG_login ACTION="/testindex.php" METHOD=POST>
           <TABLE CELLSPACING=0 CELLPADDING=0>
             <TR>
               <TD ID=right>
                 Username:
               </TD>
               <TD>
                 <INPUT NAME=EG_txtUsername TYPE=TEXT SIZE=20 MAXLENGTH=20 VALUE="">
               </TD>
             </TR>
             <TR>
               <TD CLASS=right>
                 Password:
               </TD>
               <TD>
                 <INPUT NAME=EG_txtPassword TYPE=PASSWORD SIZE=20 MAXLENGTH=20 VALUE="">
               </TD>
             </TR>
             <TR>
               <TD CLASS=right COLSPAN=2 STYLE="PADDING-TOP:10px;">
                 <INPUT NAME=EG_btnSubmit TYPE=SUBMIT VALUE=LOGIN>
                </TD>
             </TR>
           </TABLE>
         </FORM>
       </DIV>
     </DIV>
   </DIV>
 </BODY>
</HTML>

Any idea where I should adjust? Thanks

AndyB · December 3, 2007

http://www.alistapart.com/articles/fauxcolumns/ - that should show you it's usually doen

Sign In

Left column and Main content not adjusting

Recommended Posts

wsantos

Link to comment

Share on other sites

AndyB

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information