2012-05-11 6 views
0
**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; 
} 

をズームアウトの問題は、私はまたはzoomoutコンテンツは左zoominやコンテンツメインのdivをすれば、我々はズームインまたはcontentleftをズームアウトしなければjumbling.My要件があるされていますcontentmainそれはそのように縮小し、混乱してはいけません。私はこれを達成することができます。でのズームとHTMLページでの問題

+0

どのブラウザでズームをテストしていますか? – thirtydot

+0

firefoxとInternetExplorer – satish

答えて

1

特にその問題に対処する前に、あなたには、いくつかのHTML suntax /検証の問題を修正する必要が

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

はラップが

  • ピクセルではない "" の属性

    <img src="Hydrangeas.jpg" width="48" height="40" /> 
    
    1. する必要があります幅と高さが再現されています。
    2. オープンタグを削除して終了します。/>
  • +0

    イメージタグを指定したとおりに変更しましたが、ズームインまたはズームアウトしても問題は解決されません。 – satish

    関連する問題