hello friends

i have a content page using a master page,i put some DIV tag in content:

<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="server">
    <div id="dailyStatement">
        daily statement
    </div>
    <div id="search">
        search engine
    </div>
    <div id="aboutCity">
        about city
    </div>
    <div id="news">
        last news
    </div>
    <div id="picGallary">
        picture gallary
    </div>
</asp:Content>

and css file is :

#dailyStatement
{
	position: absolute;
	top: 120px;
	left: 440px;
	width: 400px;
	height: 50px;
}

#search
{
	position: absolute;
	top: 120px;
	left: 50px;
	width: 390px;
	height: 50px;
}

#aboutCity
{
	position: absolute;
	top: 180px;
	left: 440px;
	width: 400px;
	height: 340px;
}

#news
{
	position: absolute;
	top: 180px;
	left: 50px;
	width: 380px;
	height: 200px;
}
#picGallary
{
	position: absolute;
	top: 390px;
	left: 50px;
	width: 380px;
	height: 130px;
}

for example when i set dailyStatement to runat="server" to achieve in codebehind,the dailyStatement div position changed in my page .

whats wrong ?

 Hi!

    I think when you make your Div a server-side control by putting runat="server" in the Div tag, then the CSS doesn't applies to it (usually for server-side controls, CssClass tag is used to apply CSS on them). So, make a css class for your server-side Div control and apply css on it like CssClass="class1". Hope that this helps.

Anuj
 

 Hi!

    I think when you make your Div a server-side control by putting runat="server" in the Div tag, then the CSS doesn't applies to it (usually for server-side controls, CssClass tag is used to apply CSS on them). So, make a css class for your server-side Div control and apply css on it like CssClass="class1". Hope that this helps.

Anuj
 

It would appear that when you add runat="server" to an HTML tag it will only respond to its CLASS type and not its ID when referenced in a style sheet..

just change it as class; as..

.dailyStatement
{
	position: absolute;
	top: 120px;
	left: 440px;
	width: 400px;
	height: 50px;
}

and

 <asp:Content ID="Content2" ContentPlaceHolderID="content" runat="server">
    <div id="dailyStatement" runat="server" class="dailyStatement">
        daily statement
    </div>
    <div id="search">
        search engine
    </div>
    <div id="aboutCity">
        about city
    </div>
    <div id="news">
        last news
    </div>
    <div id="picGallary">
        picture gallary
    </div>
</asp:Content>

hope it helps./. 

this is because .Net likes to ensure all your server side elements have a unique ID. When using a contentplaceholder, the placeholder ID is added to the controlID. Just have a look at the div tag in your html source when you set it to runat="server".

Using a class as described by kaushal above will solve this problem.  

Even I had similar problem your resolution helps in resolving the problem..