放大和缩小在HTML页面中的问题

**html** 
<html> 
<head> 
<link rel="stylesheet" href="style.css" ... /> 
</head> 

<body> 

<div id="wrapper"> 
<div id="header"> 
<div id="comcast"><img src=Desert.jpg width="18px" height="40px"></img></div> 
<div id="menu"><img src=Hydrangeas.jpg width="48px" height="40px"></img></div> 
</div> 
<div id="content">  
<div id="content-left"><img src=Desert.jpg width="180px"  height="1000px"></img></div>  
<div id="content-main"><img src=Hydrangeas.jpg width="700px" height="1000px"></img></div>  
</div> 
<div id="footer"></div> 
<div id="bottom"></div> 
</div> 

</body> 
</html> 





**css** 
body 
{  
font-family:arial,helvetica,sans-serif;   
font-size:12px;  
} 


#wrapper 
{  

margin:0px auto;  
border:1px solid #bbb;  
padding:10px; 

} 

#header 
{  
border:1px solid #bbb;  
height:80px;  
padding:10px; 
} 

#content 
{  
margin-top:10px;  
padding-bottom:10px; 
} 
#content div 
{  
padding:10px;  
border:1px solid #bbb;  
float:left;  
} 
#content-left 
{  
width:180px;  
} 
#content-main 
{  
margin-left:10px;  
width:700px; 
} 

#footer 
{  
float:left;  
margin-top:10px;   
margin-bottom:10px;  
padding:10px;  
border:1px solid #bbb;  
width:878px;  
} 
#bottom 
{  
clear:both;  
text-align:right; 
} 

*{ 
margin:0px; 
} 

#menu 
{ 
float:right; 
}

的问题是，如果我做zoomin或缩小（ZoomOut）内容左，内容主要是DIV要求jumbling.My是，如果我们不放大或缩小contentleft和内容主要它应该缩小，它不应该混乱。我可以如何实现这一目标。放大和缩小在HTML页面中的问题

来源

2012-05-11 satish

在哪些浏览器中测试缩放？ – thirtydot

firefox和InternetExplorer – satish

之前，这个问题处理具体而言，你需要修复一些HTML suntax /验证问题

<img src=Hydrangeas.jpg width="48px" height="40px"></img>

应该

<img src="Hydrangeas.jpg" width="48" height="40" />

裹属性中的 “”
像素不在宽度和高度上都被重新使用。
删除并终止打开的标记为/>

来源

2012-05-11 14:07:24 marteljn

我改变了图像标签，因为你指定，但即使我做放大或缩小我的问题没有解决。 – satish

放大和缩小在HTML页面中的问题

回答

相关问题