Home/ Questions/Q 660693
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T23:11:05+00:00

I was creating a website http://tapasya.co.in and i found that this site has some

  • 0

I was creating a website http://tapasya.co.in and i found that this site has some layout problem in IE 6 but working fine in Mozilla.

I want this site to look same as it is looking in Mozilla right now.

What i need to do in CSS do make it work perfect.

In mozilla also their is little space between two rows. I dont want that space.
Each row should not have any margin

Please suggest what changes i need to do in CSS.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    i’d use conditional CSS for each version of IE. You can use “lt” (lesser than) and “gt” (greater than) to target each version as shown below

    <!--[if lt IE7]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

<!--[if IE7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->

<!--[if gt IE7]>
<link rel="stylesheet" type="text/css" href="ie8.css" />
<![endif]-->

    Once you have seperate CSS files for each version of IE, you’ll then need to re-specifiy the CSS properties that are causing problems. These will be margin and padding properties in most cases.

    If you’ve used float then the margin in the direction of the float will get doubled in IE6. See this link for more info on this

    this is a good set of tools for browser testing here

    • 0