How to make compatibale a css design for all the browsers?


Tags: css

Problem :

I made a web page with HTML and PHP and design it with CSS. When I open this webpage in Mozill aFirefox, it works as I designed but when I open it in Internet Explorer, the design of page does not according to the settings I designed in CSS file. How to fix it?



Solution :

You can fix it by either add CSS to your current css file to correct it. Or make a new css specifically for each browser. That happens because each web browser displays it a little differently. IE that handles CSS and HTML differently more so than all the others.


    CSS Howto..

    How to wrap text inside an iframe with designMode on, using css and also javascript if necessary?

    CSS: show triangles in a row

    How to make a dynamic-height DIV [duplicate]

    How to get button groups that span the full width of a parent in Bootstrap?

    how to position an “Insert row” button in front of each horizontal row border of a table?

    How to set image in horizontal center of DIV to fill page width?

    How to position div so that it renders outside container

    How do i prevent my CSS affecting external plugins?

    How to see the style of the thumb of range input in Chrome developer tools?

    How to remove css from DOM

    How do you hide and show a background image using a carousel?

    CSS: How to display image icon before each h3 in CSS?

    How to format an arabic poem using jquery?

    How can I mix vertically-centered elements with different font sizes and retain consistent line height?

    How can I make my header fade out/disappear on scroll down and reappear on scroll up?

    How do I properly set width to a percentile and keep a min-width in pixels?

    How to get minimal jQuery slideshow to slide properly?

    How can I select the first IFRAME within the second FB tag in a div?

    How do I apply a specific class to a navigation list, without breaking the nav functionality in mobile-view?

    Showcase Image and Carousel Caption

    how to apply css class condtionally in angularjs

    Sencha Touch 2: How to handle custom css files while production build?

    How to override inline style dynamically?

    Show a sharing icon on hover on image

    how fix bug with white lines between the cells of the table in IE11

    How do I change the css of a different element on hover?

    How to make to border-bottom line longer with CSS

    How to change styling of a specific div onhover of another element when divs share an id

    how to add an image on a div without losing previous content in CSS hover effect

    What shape is this, and how can i achieve it using css?