Hi All,

    I am developing web application in that application’s content top to bottom left side 250px size need to some background only. How to do this..

Like the below website..

http://mycarpools.com/  —> left side green color panel

I used below CSS but not working.. help to solve this…

Div.HomeLeftpanel
{
    
    float:left;
    Width:200px;
    color :Blue;
    text-decoration :none;
    background-color :#2ca404; 
    height :100%;
}

Hi,

can you show your html also ?

thanks.. Ple find the below Source 

 <div id="idDivLeftPanel" class ="HomeLeftpanel" >
        <a id="Home" runat ="server" class ="LeftPaneltext">Activation Page</a> <br /><br />
        <a id="Login" runat ="server" class ="LeftPaneltext" href ="">Login</a><br /><br/>
        <a id="NewRegistration" runat="server" class= "LeftPaneltext" href ="">New Registration</a>
    </div>   

Thanks…

Try removing height and add margin-right.

Hi

check this

Div.HomeLeftpanel
{
    
position:absolute;
    height:100%;
    Width:200px;
    color :Blue;
    text-decoration :none;
    background-color :#2ca404;
    height :100%;
}

hope this will help you.

thanks..

If Im using the mentioned script.. Float  control is not working.. please give some other way, to overcome this issue.

Bright.Pixel

Hi

check this

Div.HomeLeftpanel
{
    
position:absolute;
    height:100%;
    Width:200px;
    color :Blue;
    text-decoration :none;
    background-color :#2ca404;
    height :100%;
}

hope this will help you.

Hi vjagades,

If you want the div content top to bottom left side 250px,you can simply add margin-left and margin-top like below:

        Div.HomeLeftpanel
{
    
    float:left;
    Width:200px;
    color :Blue;
    text-decoration :none;
    background-color :#2ca404; 
    height :100%;
    margin-left:250px;
    margin-top:250px;
}

Best Regards,

Kevin Shen.

Hi I you are talking about having space in left then use this

  Div.HomeLeftpanel
{   
    float:left;
    Width:200px;
    color :Blue;
    text-decoration :none;
    background-color :#2ca404;
    height :100%;
    margin-left:250px;
    margin-top:250px;
}

or if you are having any other problem then please share. what issue you  are having.