MozTW 討論區
https://forum.moztw.org/

請問無名IE和Firefox顯示問題,如何CSS修改內容?
https://forum.moztw.org/viewtopic.php?f=13&t=27951		 第 1 頁 (共 1 頁)
發表人:  StanChang [ 2009-09-11, 23:53 ]
文章主題 :  請問無名IE和Firefox顯示問題,如何CSS修改內容?
各位版友大大您好
想請問一下CSS問題
我在無名網誌內容 版面顯示在Firefox和IE圖片的大小不一樣
如 http://www.wretch.cc/blog/stanchang/27036087 所示
在IE開啟時, 照片的原始大小都會呈現出來
但是如果用 Firefox開啟時 卻照片大小被壓縮變小了
如果我想要Firefox顯示能和IE一樣 顯示原始大小的照片的話
我CSS要怎麼修改呢?
附上我的CSS內容


BODY {
BACKGROUND:#666666 fixed no-repeat center center;MARGIN:0px 0px 10px;}
A {
COLOR:#99ccff;TEXT-DECORATION:none;}
A:link {
COLOR:#99ccff;TEXT-DECORATION:none;}
A:visited {
COLOR:#99ccff;TEXT-DECORATION:none;}
A:active {
COLOR:#99cc66;}
A:hover {
COLOR:#66ffff;}
H1 {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;}
H2 {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;}
H3 {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;}
#banner {
BORDER-TOP-WIDTH:thick;PADDING-RIGHT:15px;PADDING-LEFT:15px;FONT-WEIGHT:bold;BORDER-LEFT-WIDTH:thick;FONT-SIZE:x-large;BACKGROUND:#666666 no-repeat center top;BORDER-BOTTOM-WIDTH:thick;BORDER-BOTTOM-COLOR:#999;PADDING-BOTTOM:15px;COLOR:#fff;BORDER-TOP-COLOR:#000000;PADDING-TOP:15px;FONT-STYLE:italic;FONT-FAMILY:verdana, arial, sans-serif;LETTER-SPACING:0.2em;TEXT-ALIGN:left;BORDER-RIGHT-WIDTH:thick;}
#banner A {
FONT-SIZE:xx-large;COLOR:#ffffff;FONT-FAMILY:verdana, arial, sans-serif;TEXT-DECORATION:none;}
#banner A:link {
FONT-SIZE:xx-large;COLOR:#ffffff;FONT-FAMILY:verdana, arial, sans-serif;TEXT-DECORATION:none;}
#banner A:visited {
FONT-SIZE:xx-large;COLOR:#ffffff;FONT-FAMILY:verdana, arial, sans-serif;TEXT-DECORATION:none;}
#banner A:active {
FONT-SIZE:xx-large;COLOR:#ffffff;FONT-FAMILY:verdana, arial, sans-serif;TEXT-DECORATION:none;}
#banner A:hover {
FONT-SIZE:xx-large;COLOR:#cccccc;FONT-FAMILY:verdana, arial, sans-serif;TEXT-DECORATION:none;}
.description {
FONT-WEIGHT:bold;FONT-SIZE:small;BACKGROUND:#666666;TEXT-TRANSFORM:none;COLOR:#66ccff;FONT-STYLE:normal;FONT-FAMILY:verdana, arial, sans-serif;LETTER-SPACING:normal;}
#content {
BORDER-RIGHT:#999 1px dotted;BACKGROUND:#666666;FLOAT:left;PADDING-BOTTOM:20px;WIDTH:65%;MARGIN-RIGHT:15px;}
#links {
PADDING-RIGHT:15px;BACKGROUND-POSITION:center center;MARGIN-LEFT:67%;BACKGROUND-COLOR:transparent;}
.blog {
PADDING-RIGHT:15px;PADDING-LEFT:15px;PADDING-TOP:15px;}
.blogbody {
BORDER-TOP-WIDTH:1px;PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-WEIGHT:normal;BORDER-LEFT-WIDTH:1px;FONT-SIZE:small;BACKGROUND:#666666;BORDER-BOTTOM-WIDTH:1px;COLOR:#ffffff;LINE-HEIGHT:140%;PADDING-TOP:10px;FONT-FAMILY:verdana, arial, sans-serif;BORDER-RIGHT-WIDTH:1px;}
.title {
FONT-WEIGHT:bold;FONT-SIZE:x-large;COLOR:#ffffff;FONT-STYLE:normal;FONT-FAMILY:verdana, arial;}
#menu {
BACKGROUND:#333;MARGIN-BOTTOM:15px;}
.date {
BORDER-TOP-WIDTH:1px;PADDING-RIGHT:5px;PADDING-LEFT:5px;FONT-WEIGHT:normal;BORDER-LEFT-WIDTH:1px;FONT-SIZE:xx-small;BORDER-LEFT-COLOR:#ccc;BACKGROUND-IMAGE:none;BORDER-BOTTOM-WIDTH:1px;MARGIN-BOTTOM:10px;BORDER-BOTTOM-COLOR:#ccc;PADDING-BOTTOM:5px;COLOR:#66ccff;BORDER-TOP-COLOR:#ccc;PADDING-TOP:5px;FONT-FAMILY:verdana, arial, sans-serif;BACKGROUND-COLOR:transparent;BORDER-RIGHT-WIDTH:1px;BORDER-RIGHT-COLOR:#ccc;}
.posted {
FONT-WEIGHT:normal;FONT-SIZE:xx-small;BACKGROUND-IMAGE:none;MARGIN-BOTTOM:15px;COLOR:#cccccc;BORDER-TOP-STYLE:none;FONT-STYLE:normal;FONT-FAMILY:verdana, arial, sans-serif;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BACKGROUND-COLOR:transparent;BORDER-BOTTOM-STYLE:none;}
.calendar {
PADDING-RIGHT:2px;PADDING-LEFT:2px;FONT-WEIGHT:normal;FONT-SIZE:x-small;BACKGROUND:#333;PADDING-BOTTOM:2px;COLOR:#666;LINE-HEIGHT:140%;PADDING-TOP:2px;FONT-FAMILY:verdana, arial, sans-serif;TEXT-ALIGN:center;}
.calendarhead {
PADDING-RIGHT:2px;PADDING-LEFT:2px;FONT-WEIGHT:bold;FONT-SIZE:x-small;BACKGROUND:#333;PADDING-BOTTOM:2px;COLOR:#ccc;LINE-HEIGHT:140%;PADDING-TOP:2px;FONT-FAMILY:verdana, arial, sans-serif;}
.side {
PADDING-RIGHT:2px;PADDING-LEFT:2px;FONT-WEIGHT:normal;FONT-SIZE:x-small;BACKGROUND:#666666;PADDING-BOTTOM:2px;COLOR:#ffffff;LINE-HEIGHT:140%;PADDING-TOP:2px;FONT-FAMILY:verdana, arial, sans-serif;}
.sidetitle {
BORDER-TOP-WIDTH:1px;PADDING-RIGHT:2px;MARGIN-TOP:10px;PADDING-LEFT:2px;FONT-WEIGHT:bold;BORDER-LEFT-WIDTH:1px;FONT-SIZE:small;BORDER-LEFT-COLOR:#cccccc;BACKGROUND-IMAGE:none;BORDER-BOTTOM-WIDTH:1px;BORDER-BOTTOM-COLOR:#cccccc;PADDING-BOTTOM:2px;COLOR:#003366;BORDER-TOP-COLOR:#cccccc;LINE-HEIGHT:140%;PADDING-TOP:2px;FONT-STYLE:normal;FONT-FAMILY:verdana, arial, sans-serif;LETTER-SPACING:0.2em;HEIGHT:15px;BACKGROUND-COLOR:#6699cc;TEXT-ALIGN:center;BORDER-RIGHT-WIDTH:1px;BORDER-RIGHT-COLOR:#cccccc;}
.syndicate {
PADDING-RIGHT:2px;MARGIN-TOP:10px;PADDING-LEFT:2px;FONT-SIZE:xx-small;PADDING-BOTTOM:2px;LINE-HEIGHT:140%;PADDING-TOP:2px;FONT-FAMILY:verdana, arial, sans-serif;TEXT-ALIGN:center;}
.powered {
PADDING-RIGHT:2px;BORDER-TOP:#ccc 1px solid;MARGIN-TOP:10px;PADDING-LEFT:2px;FONT-WEIGHT:bold;FONT-SIZE:xx-small;PADDING-BOTTOM:2px;COLOR:#ccc;LINE-HEIGHT:140%;PADDING-TOP:2px;BORDER-BOTTOM:#ccc 1px solid;FONT-FAMILY:verdana, arial, sans-serif;LETTER-SPACING:0.2em;TEXT-ALIGN:center;}
.ad {
DISPLAY:none;}
.comments-body {
PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:#333;PADDING-BOTTOM:15px;COLOR:#ccc;LINE-HEIGHT:12px;FONT-FAMILY:verdana, arial, sans-serif;}
.comments-post {
FONT-WEIGHT:normal;FONT-SIZE:x-small;BACKGROUND:#333;COLOR:#999;FONT-FAMILY:verdana, arial, sans-serif;}
.comments-head {
BORDER-RIGHT:#999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#999 1px solid;MARGIN-TOP:10px;PADDING-LEFT:5px;FONT-WEIGHT:normal;FONT-SIZE:small;PADDING-BOTTOM:5px;BORDER-LEFT:#999 1px solid;COLOR:#ccc;PADDING-TOP:5px;BORDER-BOTTOM:#999 1px solid;FONT-FAMILY:verdana, arial, sans-serif;}
#banner-commentspop {
PADDING-RIGHT:15px;BORDER-TOP:#999 3px dotted;PADDING-LEFT:15px;FONT-WEIGHT:bold;FONT-SIZE:large;BACKGROUND:#000;PADDING-BOTTOM:15px;TEXT-TRANSFORM:uppercase;COLOR:#fff;PADDING-TOP:15px;BORDER-BOTTOM:#999 1px dotted;FONT-FAMILY:verdana, arial, sans-serif;LETTER-SPACING:0.2em;}
.trackback-body {
FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:#333;COLOR:#666;LINE-HEIGHT:140%;PADDING-TOP:15px;FONT-FAMILY:verdana, arial, sans-serif;}
.trackback-url {
BORDER-RIGHT:#999 1px dashed;PADDING-RIGHT:5px;BORDER-TOP:#999 1px dashed;PADDING-LEFT:5px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:#333;PADDING-BOTTOM:5px;BORDER-LEFT:#999 1px dashed;COLOR:#999;LINE-HEIGHT:140%;PADDING-TOP:5px;BORDER-BOTTOM:#999 1px dashed;FONT-FAMILY:verdana, arial, sans-serif;}
.trackback-post {
FONT-WEIGHT:normal;FONT-SIZE:x-small;BACKGROUND:#333;MARGIN-BOTTOM:20px;COLOR:#999;FONT-FAMILY:verdana, arial, sans-serif;}
#content {
BACKGROUND-COLOR:#000000;}
#content {
BACKGROUND-COLOR:#666666;}
#content {
BACKGROUND-COLOR:#333333;}
#container1 {
BACKGROUND-POSITION-X:center;BACKGROUND-COLOR:transparent;}
.articletext {
BORDER-TOP-WIDTH:1px;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BACKGROUND-COLOR:#666666;BORDER-BOTTOM-STYLE:none;}
.innertext {
COLOR:#cccccc;}
#footer {
BACKGROUND-IMAGE:none;HEIGHT:0px;BACKGROUND-COLOR:#666666;}


請大大幫忙要修改什麼呢?
非常感恩
發表人:  Coopoo [ 2009-09-12, 00:07 ]
文章主題 :  Re: 請問無名IE和Firefox顯示問題,如何CSS修改內容?
你的 CSS 沒有被碰到照片大小。

而且我看起來也都是一樣大。

你還是截個圖吧。

edit:
你先把 Firefox 和 IE 視窗開到一模一樣大，然後兩個都按重新整理。
你就會發覺圖片都一樣大了。

可是別人的無名不會這樣，為什麼你的會，這就要問站主你了。
是不是加了什麼 javascript 還是有什麼特異功能，會在訪客進入網站時會自動幫超出框架的圖片加上最大寬度。

edit2:
如果要用樣式表把最大寬度蓋過去也是可以，不果我還是建議你先把問題原因找出來比較好，真的找不出來再用這個方式。
發表人:  StanChang [ 2009-09-12, 00:27 ]
文章主題 :  Re: 請問無名IE和Firefox顯示問題,如何CSS修改內容?
[quote="Coopoo"]你的 CSS 沒有被碰到照片大小。

而且我看起來也都是一樣大。

你還是截個圖吧。


==============================================
附上我的螢幕看出來的結果給您參考

附加檔案:
IE.jpg [1017.15 KiB]
被下載 264 次
firefox.jpg [839.36 KiB]
被下載 260 次
發表人:  Coopoo [ 2009-09-12, 00:35 ]
文章主題 :  Re: 請問無名IE和Firefox顯示問題,如何CSS修改內容?
StanChang 寫:
附上我的螢幕看出來的結果給您參考
會不一樣大的原因是因為左側框架的寬度不一樣。
你先把 IE 的視窗縮小一點，重新整哩，圖片就會變小了。

原因不是你使用的樣式表，而是其他特異功能。
發表人:  StanChang [ 2009-09-12, 00:40 ]
文章主題 :  Re: 請問無名IE和Firefox顯示問題,如何CSS修改內容?
Coopoo 寫:
StanChang 寫:
附上我的螢幕看出來的結果給您參考
會不一樣大的原因是因為左側框架的寬度不一樣。
你先把 IE 的視窗縮小一點，重新整哩，圖片就會變小了。

原因不是你使用的樣式表，而是其他特異功能。

=================================================

我想要Firefox顯示出來的能和IE一樣大
我不要圖片變小說

另外我試了一下 把IE 的視窗縮小一點，重新整哩，圖片也不會變小說
附上檔案給您參考

附加檔案:
IE2.jpg [966.88 KiB]
被下載 219 次
發表人:  Coopoo [ 2009-09-12, 00:48 ]
文章主題 :  Re: 請問無名IE和Firefox顯示問題,如何CSS修改內容?
StanChang 寫:
另外我試了一下 把IE 的視窗縮小一點，重新整哩，圖片也不會變小說
附上檔案給您參考

請問這時候 IE 裡網頁右側的框架跑到哪裡去了?

請試試看 Ctrl + F5，，順便問一下你的 IE 版本是什麼?

如果照我這邊看到的，IE 和 Firefox 應該都會有類似這樣的結果。
例圖是 IE8
圖檔

附加檔案:
2009-09-12_004554.png [97.71 KiB]
被下載 1318 次
發表人:  Coopoo [ 2009-09-12, 00:54 ]
文章主題 :  Re: 請問無名IE和Firefox顯示問題,如何CSS修改內容?
前面說圖片會縮小，是因為 JavaScript 等原因。

這部分可能是我弄錯了。

我先翻一翻資料，抱歉。
發表人:  Coopoo [ 2009-09-12, 01:03 ]
文章主題 :  Re: 請問無名IE和Firefox顯示問題,如何CSS修改內容?
Coopoo 寫:
前面說圖片會縮小，是因為 JavaScript 等原因。

剛剛進 Firefox 的 工具 > 選項 > 內容，將 JavaScript 停用，重新整理後照片就不會有縮小的效果。

所以這應該是網站所使用的 JavaScript 的效果。

把出問題的 JavaScript 拿掉應該就可以了。
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/