jQuery的CSS寬度不工作在IE /歌劇/ FF，但在Chrome

因此，我正在研究Wordpress主題，但我有問題讓博客風格正確。jQuery的CSS寬度不工作在IE /歌劇/ FF，但在Chrome

我正在使用一些基本的jQuery來獲取div的寬度與內容，然後設置包裝的寬度調用'.main'。

var blogWidth = $("#blogImages").width(); 
var blogTotal = blogWidth; 
var totalCanvas = blogTotal;  
$('.main').css('width',totalCanvas);

它檢測到Chrome，但沒有其他適當的寬度： http://leighmcd.com/blog/blog

的另一個問題是，我需要的圖像坐到內容的權利，即使他們是在同一職位所以我把一個div放在圖像上並絕對定位它。我有一種感覺，這也可能影響結構。

任何意見將不勝感激。

來源

2012-09-04 lemdon

使用'.float {浮動：權利;}'對於浮動的事情，但這應該是一個單獨的問題。 –

另外，我會建議儘可能依靠文檔的自然流動。意思是，你應該真的讓自己計算寬度。至少要保持你的javascript和你的樣式表。此外，還**，檢查Ariel Fleslers ** *滾動插件*：http://flesler.blogspot.com/2007/10/jqueryscrollto.html - scrollTo，serialScroll和localScroll將向您發送正確的方向效果你似乎要去。 –

使用width設置匹配元素的寬度：

$('.main').width(totalCanvas);

來源

2012-09-04 18:49:21

嘗試增加單位的.css()電話：

$('.main').css('width',totalCanvas+'px');

來源

2012-09-04 18:55:00 Blazemonger

這些似乎沒有問題，我現在認爲這是一個CSS問題。我有整個博客條目的包裝，但如果我沒有設置寬度，文本將浮動。但是當我設置寬度而不是自動時，圖像將開始打包。即使我有白色空間：nowrap; – lemdon

jQuery的CSS寬度不工作在IE /歌劇/ FF，但在Chrome

回答

相關問題