Home >Web Front-end >HTML Tutorial >In IE6 and 7, the padding value doubles. How to solve it? ? _html/css_WEB-ITnose

In IE6 and 7, the padding value doubles. How to solve it? ? _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:16:291067browse

Setting the padding of li: 0 16px;

It’s fine in IE8 and Firefox, why does it double in IE6 and 7?

Urgent request ...Thanks. .


Reply to the discussion (solution)

IE6 can be ignored. IE6 is "dead" and there is no need to support it anymore

Write a separate CSS for IE7 Deal with him

I didn’t find the problem you mentioned. Let’s see if the css external to li affects it.

I haven’t figured out the problem yet, I’m waiting for an expert (could it be the legendary has layout?)

It’s better to post the code

The padding is not double, the margin Adding float doubles, use the background color to mark the problematic areas

Set margin:0px;padding:0px;
and then padding:0 16px;
Still No, check if it is a display problem
Use border to set the border and check where the error is

display:inline

Follow the method above: As expected, it should be IE6 Double floating margin issue.

Try adding a CSS attribute display:inline; to the element.

padding:10px!important; padding:5px;
followed by !important;
!important is for FF IE7 and above, and the following padding:5px is specifically for IE6

display:inline

display:inline

Everyone, I tested and found no double padding problem. I only heard that the first element in the floating direction will There is a double margin bug

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn