Welcome to PcCare.com

Home Support Self Help

Css layout without tables

.FlexColumnDiv

{

background-color: Green;

height: 200px;

}

.FlexColumnLeftDiv

{

background-color: Red;

float: left;

width: 42%;

height: 100%;

}

.FlexColumnRightDiv

{

background-color: black;

float: right;

width: 58%;

height: 100%;

}

.FlexColumnRightSubLeftDiv

{

background-color: orange;

float: left;

width: 45%;

height: 100%;

}

.FlexColumnRightSubMiddleDiv

{

background-color: yellow;

float: left;

top: 0%;

left: 30%;

width: 45%;

height: 100%;

}

.FlexColumnRightSubRightDiv

{

background-color: purple;

float: left;

top: 0%;

left: 70%;

width: 9%;

height: 100%;

}

.MiddleOveride

{

width: 20%;

}

.RightOveride

{

width: 20%;

}

<Label>Text</Label>

</div>

<div class="FlexColumnRightSubLeftDiv">
<Label>Text</Label>
</div>

<div class="FlexColumnRightSubMiddleDiv MiddleOveride">
<Label>Text</Label>

</div>

<div class="FlexColumnRightSubRightDiv RightOveride">
<Label>Text</Label>

</div>

</div>

DISCLAIMER: It is assumed that users are familiar with the operating system they are using and comfortable with making the suggested changes. PcCare.com will not be held responsible if changes you make cause a system failure.

Please review our Terms of Service and Privacy statement before initiating service or using this site. Microsoft® and the Office logo are trademarks or registered trademarks of Microsoft Corporation in the United States and/or other countries. PcCare Site Map. About Us

PcCare.com is owned and operated by TechnoChill Inc.