Home > Web Front-end > HTML Tutorial > What exactly is IE6 going to do? I have no choice! _html/css_WEB-ITnose

What exactly is IE6 going to do? I have no choice! _html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:14:18
Original
1215 people have browsed it

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>test</title><style type="text/css">*{ margin:0; padding:0;}img{ border:none;}.picbox{ float:left; width:980px;}.picbox a{float:left; border:1px solid #FFF;margin:5px 3px 0 2px; display:inline; white-space:nowrap;}.picbox a:hover{ border-color:#CCC;}</style></head><body><div class="picbox">    <a href="" target="_blank" style="float:right"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="244" height="419" /></a>    <a href="" target="_blank" style="float:right"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="479" height="206" /></a>    <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a>    <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a>    <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a>    <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a></div></body></html>
Copy after login


Regarding the program calling issue, the first two and the last four pictures must be consecutive
In other words, the order of the pictures is not changed, only the CSS is changed, so that it works normally under IE6 .


Reply to the discussion (solution)

Alas, I solved it myself, just add a span tag to the first two pictures and it will be fine

Who will pick up the score?

This is really cool. .

Floating line breaks under IE6 can most of the time be solved by setting the width

I think it is enough to change the width to 982px under IE6, which is also a method~

http://www.busfly.net/post/CSS-IE6-IE7-FF.html

Recommend one. . . ?,,,

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