Home > Web Front-end > HTML Tutorial > The artist is not in the company~~UL deformation in the interface~~~How to break it!!!_html/css_WEB-ITnose

The artist is not in the company~~UL deformation in the interface~~~How to break it!!!_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:16:59
Original
1253 people have browsed it

This post was last edited by jinhai0411 on 2012-11-23 14:50:44

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0;   padding: 0;   font-size:12px;		  font-family: Arial, Helvetica, sans-serif; }.Box{ width:990px; margin:auto}.nav2{ border-bottom:1px solid #fff; margin-bottom:10px}.nav2 ul{ margin:20px 0 10px 0}.nav2 li{ float:left; border-right:1px solid #a0a0a0; width:130px; padding-left:30px; display:block; margin-bottom:10px}A {	COLOR: #000; TEXT-DECORATION: none}A:link {	COLOR: #000; TEXT-DECORATION: none}A:hover {	COLOR: #000; TEXT-DECORATION: underline}A:focus {	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium}
Copy after login


<div class="Box">  <div class="nav2">        <ul>          <li><a href="#" class="title">供应商质量管理</a></li>          <li><a href="#" class="title">(工业园区)建设</a></li>           <li><a href="#" class="title">PQCQ成本控制</a></li>           <li><a href="#" class="title">经济运行部网站</a></li>           <li><a href="#">市场信息发布栏</a></li>        <li><a href="#">二级网站链接</a></li>        <li><a href="#">二级网站绿色</a></li>        <li><a href="#">行政管理</a></li>        <li><a href="#">市场动态与分析</a></li>        <li><a href="#">领导评价与指示</a></li>        <li><a href="#">工作表式下载</a></li>      </ul>    </div></div>
Copy after login


IE6 because
No. () in 2 li and PQCQ in the 3rd li
How to break the deformation of these two things????
Deformation under IE6 because () letter PQCQ is deformed
IE6 removes () PQCQ normally
IE8 normal

Reply to discussion (solution)



http://www.ie6countdown.com/

Give li element Set a height and see. The specific height depends on your performance

Don't worry about IE6,

The impact of the style title, whether there is a border or something, send it out and take a look!

Set the style in


  • line-height:14px; height:14px;
    OK

  • source:php.cn
    Statement of this Website
    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
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template