Lollipop

Welcome to PcCare.com

HomeHelp DeskSupportSelf 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%;

}

 

<!-- Keep width's less then 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%;

}

 

 

<div class="FlexColumnDiv">

<div class="FlexColumnLeftDiv">

<Label>Text</Label>

</div>

<div class="FlexColumnRightDiv">

 

<div class="FlexColumnRightSubLeftDiv">

<Label>Text</Label>

</div>

 

<div class="FlexColumnRightSubMiddleDiv MiddleOveride">

<Label>Text</Label>

 

</div>

 

<div class="FlexColumnRightSubRightDiv RightOveride">

<Label>Text</Label>

 

</div>

 

</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