導航:首頁 > 萬維百科 > 網頁設計只有ie不亂碼

網頁設計只有ie不亂碼

發布時間:2020-12-20 23:28:07

1、網頁設計中如何解決瀏覽器兼容問題

為了能讓網站設計正常的運行於各種瀏覽器平台,網站設計師們不得不想盡辦法處理好網站建設中的瀏覽器兼容問題。正是因為網站設計當中的這一需要產生了一項新技術— CSS Hack。 CSS Hack 就是針對不同瀏覽器寫出不同的 CSS code 的過程,主要用來解決目前各類瀏覽器無法標准解析CSS樣式,導致同一網站設計頁面在不同瀏覽器下出現顯示效果不一致的兼容問題。 針對不同瀏覽器,可以將CSS Hack 網站設計代碼整理如下:
1、針對I E 系列瀏覽器的網站設計代碼 針對 IE 6 的專屬 CSS Hack 網站設計代碼 #id{ _display: block; } 也就是在網站設計CSS屬性前加一個小劃線就好。 針對 IE 7 的專屬 CSS Hack 網站設計代碼 #id{ *display: block; } 即在網站設計CSS屬性前加上一個星號即可 針對 IE 8 的專屬 CSS Hack 網站設計代碼 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示,解決辦法為在網站設計CSS屬性後分號前加上空格與斜線並加入一個數字9即可 。
2、針對火狐的CSS Hack 網站設計代碼 火狐可謂是最標準的瀏覽器之一了,網站設計技術只要稍稍不到位就能體現得淋漓盡致,所以不少網站設計師也很頭痛,其實想要解決火狐的兼容性除了要把網站設計的基礎知識扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix(){ } 裡面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。
3、針對 Safari 的CSS Hack 網站設計代碼 Safari是蘋果計算機的最新作業系統Mac OS X中新的瀏覽器,用來取代之前的Internet Explorer for Mac,使用了KDE的KHTML作為瀏覽器的運算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。
4、針對 Opera 的CSS Hack 網站設計代碼 Opera即Opera Software ASA,是台式機、各種設備和移動網路瀏覽器市場的商業領袖,因快速、小巧和比其他瀏覽器更佳的標准兼容性獲得了國際上的最終用戶和業界媒體的承認,並在網上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 這個世界上必然不會存在絕對完美的事物,因此運用以上方法讓我們的網站設計更好的與各種瀏覽器兼容的時候其實已經違反了網站製作的W3C標准。

2、網頁設計瀏覽器兼容性的問題,求解決方法!!!

兄弟。
最簡單的一個。在body與body之間加一個center標簽。

然後,請仔細學習一下css的排版吧專。網頁屬居中,是最基礎的東西了。

常規做法如下:
<style type=」text/css」>
body { background-color: #eee; text-align: center; }/*頁面居中*/
#wrap { margin: 0 auto; width: 960px; background-color: #fff; text-align: left; }/*讓文字默認左對齊*/
</style>

<html>
<head>
<title></title>
</head>
<body>
<div id="wrap">
<p>內容區</p>
<p>內容區</p>

<p>內容區</p>

<p>內容區</p>

<p>內容區</p>

<p>內容區</p>

</div>
</body>
</html>

3、製作一個網頁,網頁中有一部分韓文和中文,但是在IE瀏覽器中中文部分顯示為亂碼。如圖

用的啥編嗎?GB2312?可以換一種編碼方式看看如ut-8

4、網頁設計CSS兼容IE,FF後,其他瀏覽器是否也兼容了?

不必,copy騰訊瀏覽器,世界之窗之類的瀏覽器用的是IE內核,對CSS的解釋是相同的。主要差別是內核,IE,FF,OP這些是不同內核的,因而要各自檢測其兼容性,據目前市場份額來看,滿足IE和FF基本上是可以的了。FF對CSS的執行相對嚴謹。

5、網頁設計中如何解決瀏覽器兼容問題?

1. 目標不居中;
一般新手都愛出現這個問題,主要原因是對盒子模型不夠理解,如果發現你的頁面沒有居中,基本上有兩種情況:
a. 如果是在瀏覽器中沒有居中,就是沒盒子,就是要用一個大DIV把所有需要居中元素裝起來,然後給盒子一個css樣式margin:0 auto;
b. 如果想要盒子內的元素居中,必須定義盒子的絕對寬度,然後給盒子一個CSS樣式text-align:center;

2. 目標在不同瀏覽器上的位置不同;
a. 首先不要去急著找hack,先看一下自己的代碼有沒有錯誤,DW里有一個「檢查瀏覽器兼容性」功能特別實用;
b. 然後,盡量讓目標的位置初始化,使之在所有瀏覽器都處在同一個位置,這個條件的前提是,不寫hack,最後再一個方位一個方位調整。

3. 目標與目標之間距離在各個瀏覽器上的區別;
a. 給其中一個目標加背景顏色;
b. 觀察背景色與另外一個目標的距離,查看是不是這個目標造成的距離問題
c. 如果不是上一個目標,那就給另外一個目標也加上背景顏色。
d. 這樣很容易判斷出那個目標造成的原因,就針對那個目標進行修改。

4. IE6兼容問題最多的一個,浮動問題。
a. flaot浮動造成IE6下面雙倍邊距問題,這個最常見,也最好處理,解決方法:
只需要給這個DIV加一個樣式:display:inline;
b. 布局的時候經常會遇到這種情況:發現有一個DIV浮動了,接下來的一個DIV本來是要在下面顯示的,結果跑上面去了,這種情況一般在FF下面會出現。
解決的辦法:清除浮動,在設置過浮動的那個DIV下面加一個DIV,給個樣式clear:both;如下
<div style="float:left;height:100px; width:500px;"> <div style="clear:both;"> <div style="height:100px; width=300px">

5. IE8兼容問題
ie8下兼容問題,這個最好處理,轉化成ie7兼容就可以。在頭部加如下一段代碼,然後只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" />

6. 背景兼容問題
有的時候明明給一個DIV加了背景顏色或背景圖片,但是卻顯示不出來或者顯示不全。
解決辦法:首先,有可能是DIV沒有設置絕對高度。如果設置了寬度和高度還沒有效果,那麼給DIV一個樣式display:block;(通常a:hover加背景的時候經常遇到)。
另外,如果高度必須要設置成自動的話,那麼就給DIV一個樣式overflow:hidden;

7. IE7和Firefox兼容問題
很多朋友DIV+CSS的時候,會出現,在IE的幾個瀏覽器下都好使,就是FF下有問題。
解決方法:height:100px;/*FF下顯示100的高*/ +height:120px;/*IE678下顯示120高*/
原理:FF不識別加過符號的屬性,而IE識別。

6、網頁設計中如何解決瀏覽器兼容問題

1. 目標不居中;一般新手都愛出現這個問題,主要原因是對盒子模型不夠理解,如果發現你的頁面沒有居中,基本上有兩種情況:a. 如果是在瀏覽器中沒有居中,就是沒盒子,就是要用一個大DIV把所有需要居中元素裝起來,然後給盒子一個css樣式margin:0 auto;b. 如果想要盒子內的元素居中,必須定義盒子的絕對寬度,然後給盒子一個CSS樣式text-align:center;2. 目標在不同瀏覽器上的位置不同;a. 首先不要去急著找hack,先看一下自己的代碼有沒有錯誤,DW里有一個「檢查瀏覽器兼容性」功能特別實用;b. 然後,盡量讓目標的位置初始化,使之在所有瀏覽器都處在同一個位置,這個條件的前提是,不寫hack,最後再一個方位一個方位調整。3. 目標與目標之間距離在各個瀏覽器上的區別;a. 給其中一個目標加背景顏色;b. 觀察背景色與另外一個目標的距離,查看是不是這個目標造成的距離問題c. 如果不是上一個目標,那就給另外一個目標也加上背景顏色。d. 這樣很容易判斷出那個目標造成的原因,就針對那個目標進行修改。4. IE6兼容問題最多的一個,浮動問題。a. flaot浮動造成IE6下面雙倍邊距問題,這個最常見,也最好處理,解決方法:只需要給這個DIV加一個樣式:display:inline;b. 布局的時候經常會遇到這種情況:發現有一個DIV浮動了,接下來的一個DIV本來是要在下面顯示的,結果跑上面去了,這種情況一般在FF下面會出現。解決的辦法:清除浮動,在設置過浮動的那個DIV下面加一個DIV,給個樣式clear:both;如下<div style="float:left;height:100px; width:500px;" <div style="clear:both;" <div style="height:100px; width=300px"5. IE8兼容問題ie8下兼容問題,這個最好處理,轉化成ie7兼容就可以。在頭部加如下一段代碼,然後只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" /6. 背景兼容問題有的時候明明給一個DIV加了背景顏色或背景圖片,但是卻顯示不出來或者顯示不全。解決辦法:首先,有可能是DIV沒有設置絕對高度。如果設置了寬度和高度還沒有效果,那麼給DIV一個樣式display:block;(通常a:hover加背景的時候經常遇到)。另外,如果高度必須要設置成自動的話,那麼就給DIV一個樣式overflow:hidden;7. IE7和Firefox兼容問題很多朋友DIV+CSS的時候,會出現,在IE的幾個瀏覽器下都好使,就是FF下有問題。解決方法:height:100px;/*FF下顯示100的高*/ +height:120px;/*IE678下顯示120高*/

7、網頁設計用ie瀏覽器打開看不到圖片怎麼辦

快速修復瀏覽器方案(鑒於系統環境不同→請活學活用以下方法→根據具體情況決定做哪些)
1、打開瀏覽器,點「工具」→「管理載入項」那裡禁用所有可疑插件,或者你能准確知道沒問題的保留。然後→工具→INTERNET選項→常規頁面→刪除cookies→刪除文件→鉤選刪除所有離線內容→確定→設置使用的磁碟空間為:8MB或以下(我自己使用1MB)→確定→清除歷史紀錄→網頁保存在歷史記錄中的天數:3以下→應用確定(我自己使用的設置是0天)。
2、還原瀏覽器高級設置默認值:工具→INTERNET選項→高級→還原默認設置。
3、恢復默認瀏覽器的方法「工具」→Internet選項→程序→最下面有個「檢查Internet Explorer是否為默認的瀏覽器」把前面的鉤選上,確定。
4、設置主頁:「工具」→Internet選項→常規→可以更改主頁地址→鍵入你喜歡的常用網址→應用。
5、如果瀏覽器中毒就使用卡卡助手4.0版本修復,然後做插件免疫:全部鉤選→免疫。然後→全部去掉鉤選→找到「必備」一項,把能用到的插件重新鉤選→取消免疫。能用到的就是FLASH和幾種播放器的,其餘的不要取消免疫。完成所有操作以後,你的瀏覽器就不會出問題了 。
6、運行→regedit→進入注冊表, 在→
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\ShellExecuteHooks
這個位置有一個正常的鍵值{AEB6717E-7E19-11d0-97EE-00C04FD91972}, 將其他的刪除。
7、HOSTS文件被修改常常會導致類似問題:文件位置 C:\WINDOWS\system32\drivers\etc 把hosts用記事本打開,內容清空,只保留 127.0.0.1 localhost 這一個條目關閉保存。
8、檢查你的瀏覽器是否被某種(游戲或其它)安裝程序惡意附加了某種插件→卸載清理掉它。
情況嚴重的可做下面的處理:
打開「運行」輸入—〉cmd—〉回車
然後把下面這行字元復制到黑色cmd框裡面去回車等待dll文件全部注冊完成就關閉可以了(下面是要運行的代碼):
for %1 in (%windir%\system32\*.dll) do regsvr32.exe /s %1
完成後重新啟動電腦。

8、為什麼製作的HTML網頁只有在打開別的IE網頁後才能打開

不可能, 我是做網站的,可以交流!277074402QQ

與網頁設計只有ie不亂碼相關的知識