我自己在编网页时搜狗对css的解释不准确!影响了页面布局,让我很受不了
我用IE调试的时候页面很好看,但是搜狗就不行了。
贴图(IE调试时)
(搜狗调试时)
有花的地方,显示不正确。我的源码是:
<!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>
<style>
<!--
*{ margin:0; padding:0}
html,body{height:550px; width:750px;}
#all{ height:550px; width:750px;background:url(image/bg1.jpg) repeat-x;}
.line123{ height:1px;overflow:hidden;border-left:1px #000 solid;border-right:1px #000 solid;
}
.all1{height:542px; width:748px;border-left:1px #000 solid;
border-right:1px #000 solid; }
.font1{ font-size:16px; text-align:right; width:160px;}
.bottomboder{border-bottom:solid #333 thin;}
.leftdiv{ float:left; width:150px;font-size:16px; font-weight:900; text-align:right; border-right:#333 thin solid;}
.wenben{ float:left; margin:5px;}
.wenbeninput{ height:30px;font-size:30px;}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="all">
<div class="line123" style="margin-left:3px;width:742px; background:#000"></div>
<div class="line123" style="margin-left:2px;width:744px;"></div>
<div class="line123" style="margin-left:1px;width:746px;"></div>
<div class="line123" style="margin-left:0px;width:748px;"></div>
<div class="all1">
<div class="bottomboder" style="width:748px;height:50px; ">
<div style="float:left; width:60px; height:50px"><img src="image/shu.gif"/></div>
<div style="float:right; width:680px;height:23px; font-size:24px; font-weight:900; padding:12px 0 0 0;">发表留言</div>
</div>
<div class="bottomboder" style="width:748px;height:50px; ">
<div class="leftdiv" style="height:35px; padding:15px 0 0 0">您的姓名:</div>
<div class="wenben">
<input name="userName" type="text" class="wenbeninput" size="20" maxlength="10" />
</div>
</div>
<div class="bottomboder" style="width:748px;height:50px; ">
<div class="leftdiv" style="height:35px; padding:15px 0 0 0">您的QQ号:</div>
<div class="wenben">
<input name="userQQ" type="text" class="wenbeninput" size="20" maxlength="10" />
</div>
<p> </p>
</div>
<div class="bottomboder" style="width:748px;height:170px; ">
<div class="leftdiv" style="height:105px; padding:65px 0 0 0">请您留言:<br/><div style="color:#F00; font-size:12px; padding:0 10px 0 0;">(注意:200字以内)</div></div>
<div class="wenben">
<textarea name="userMessage" cols="60" rows="10"></textarea>
</div>
</div>
<div class="bottomboder" style="width:748px;height:75px; ">
<div class="leftdiv" style="height:50px; padding:25px 0 0 0">选择您的表情:</div>
<div style=" float: right; width:580px; padding:0px 10px 0 0"><table width="100%" height="100%" border="0">
<tr>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a1" />
<img src="image/feeling/fl1.gif" width="30" height="30" /></label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a2" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a3" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a4" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a5" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a6" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a7" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a8" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a9" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="a10" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
</tr>
<tr>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b1" />
<img src="image/feeling/fl1.gif" width="30" height="30" /></label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b2" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b3" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b4" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b5" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b6" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b7" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b8" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b9" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
<td width="10%"><label>
<input type="radio" name="radio" id="radio" value="b10" /><img src="image/feeling/fl1.gif" width="30" height="30" />
</label></td>
</tr>
</table></div>
</div>
<div style="width:748px;height:140px; "><div class="leftdiv" style="height:125px; padding:15px 0 0 0">选择您的头像:</div></div>
</div>
<div class="line123" style="margin-left:0px;width:748px;"></div>
<div class="line123" style="margin-left:1px;width:746px;"></div>
<div class="line123" style="margin-left:2px;width:744px;"></div>
<div class="line123" style="margin-left:3px;width:742px; background:#000"></div>
</div>
</body>
</html>