how to apply two kind of css to one control, one for internet explorer, another for firefox and chrome


Tags: asp.net,css

Problem :

how to apply two kind of css to one control, one for internet explorer, another for firefox and chrome

just in internet explorer the contentplaceholder move to another place today, past days no problem

<div id="content" style="margin-top:28px; margin-left: 240px; border:0px solid;">
                    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </div>


<!--[if IE]>
#hellocss
{
    margin-top:-600px; margin-left: 100px; border:0px solid;
}
<![endif]-->

<!--[if !IE]>
#hellocss
{
    margin-top:28px; margin-left: 240px; border:0px solid;
}
<![endif]-->

i meet a big problem, it can be negative number for margin-top in internet explorer



Solution :

You can use Conditional Comments in CSS like this

<!--[if IE]>
<link href="Styles/IEstylesheet.css" rel="stylesheet" type="text/css" />
<![endif]-->

    CSS Howto..

    how to get the site to not collapse with css

    How to use Javascript in a innerHTML inline css scenario?

    QuickSand Script not showing correctly in IE 7

    Google Font API uses browser detection. How to get all font variations for font-face

    How to send web page in email body with css

    How to make highlighted table with rowspan

    How to keep control-specific css with the control code (ASP.NET)

    How do I add two buttons side by side that are made up of an image?

    How to overlap auto-scaling images with an auto-scaling background

    How to get overlay to fill scrollable parent using pure CSS?

    JQM, CSS: How to change disabled fields css?

    How to proportionally fit a variable number fieldsets inside a parent div

    multiple CSS classes, how they work and WHY do it this way? [duplicate]

    How can I delete these arrows?

    How to trigger div visibility when hovering over list item in CSS?

    How to force CSS3 slideshow animation to display in correct order?

    How to achieve cellpadding with divs or likeiwse?

    How to center my images in my case?

    I have a video background on my bootstrap page - how can I make it “fixed”?

    responsive html shows a tablet css design instead of the mobile when on my iphone 4s?

    How to style a GWT CaptionPanel?

    How to make my phone number bold using css [closed]

    How to apply font anti-alias effects in CSS? [duplicate]

    How to adjust the position a table to the bottom inside a DIV?

    How to get css 3 column layout with floats and no margins?

    HTML5 / CSS| How do I disable responsivity when a scroll bar appears?

    What is SVG and how does it work?

    css for mobile devices how to make '@media all' work on wordpress child theme

    how to set overflow: hidden; to one element

    Why my asp.net page is not showing styles I set