What is the easiest way to do this - verticle color 100%

stephenmbell · Aug 6, 2007

I now this is possible... but I am trying to find the simpliest way to do this...

Lets say that I have a page layout that i want to be maroon and white

the left 20% of the page to be maroon (for maybe a left navigation bar or just to break the page up) - I want it to be from the upper left hand corner (0,0) to the lower left hand corner (100%) - and of course, the remainder of the page bg to be white.

I have tried to use tables for this,with the height attribute, but it never seems to work correctly.

Please offer suggestions, Hope this isnt confusing

vacunita · Aug 6, 2007

How about something simple like:

Code:

<style>
html,body{
width:100%;
height:100%;
}
</style>


<body>
<div id="sidebar" style="width:20%; height:100%; background-color:#6d3c29; float:left;">Text goes here</div>

<div id="white" style="width:80%; height:100%; background-color:#FFFFFF; float:left;">Main content area here</div>
</body>

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

What is the easiest way to do this - verticle color 100%

stephenmbell

IS-IT--Management

vacunita

Programmer

Similar threads

Part and Inventory Search

Sponsor