CSS樣式問題

我是一名初學者，我一直在努力爭取讓本網站按照需要工作。感謝這個論壇上的建議，包括一個IE7特定的樣式表我幾乎在那裏，但還有一些小問題。有些風格不起作用，我開始絕望了！我有三個問題，如果任何人都可以點亮這些，我會非常高興！CSS樣式問題

在所有瀏覽器（包括樣式表），「主p」右側文本填充只出現在網頁的studios.htm'和「contactus.htm」 - 我不知道爲什麼，並試圖打所有風格都沒有成功。
在'location.htm'頁面上，我無法將頁腳定位在Google Map的「後面」，就像圖片行位於其他頁面上一樣。我試着改變邊距，填充和z-index，但似乎並沒有改變它 - 我可以設法將頁腳放在正確的位置，但Google Map保持「後面」，以便底部可以「不被看見。
僅在IE7上：CSS文本格式似乎根本沒有改變字體大小。因此，文字太大，頁面'studios'和'thingstodo'，這導致文本的底部部分太低而隱藏在圖像之後。如果文本是正確的

該網站是在這裏：http://bit.ly/gaAthc

主要CSS：http://jsfiddle.net/ykbhd/ IE7特定的CSS：http://jsfiddle.net/bdwrY/

提前感謝！

來源

2011-03-09 noobug

IE瀏覽器不是瀏覽器... – Shoe 2011-03-09 17:00:09

IE瀏覽器是...還是你指的是缺乏版本信息？我在上面的文本中看不到任何香草「IE」引用。 – Bojangles 2011-03-09 17:04:36

主要的CSS和IE7 CSS看起來很像。IE7 CSS不應該只包含IE7黑客？ – 2011-03-09 17:29:31

1）有時候顯示正確的原因是文本在段落中的突破。你的p標籤佔據了你的main div的全部寬度，所以把正確的填充沒有幫助。相反，只需在圖像上放一些填充。

190線：

#target2 
{ 
    float: right; 
    padding-left: 5px; 
}

2）你可以使用切緣陰性，您的圖片排做同樣的方式。

178線：

#googlemap 
{ 
    margin-bottom: -130px; 
}

3）本規則中刪除margin-bottom: -10px;：

#container #main #rotxt 
{ 
    font-family: Georgia,"Times New Roman",Times,serif; 
    font-size: 0.8em; 
    margin-top: 35px; 
    padding-left: 1px; 
}

更新

對於IE7的谷歌地圖頁腳問題，嘗試添加該規則一個IE7樣式表（有關條件註釋的信息，請參見here）：

#footer 
{ 
    z-index: -1; 
    position: relative; 
}

來源

2011-03-09 17:05:43 wsanville

非常感謝你@wsanville - 你幫我理清了所有東西！仍然存在的一個問題是，在Internet Explorer 7中，Google地圖仍然隱藏在頁腳後面，因此地圖的底部部分無法看到。所以，他們都定位在正確的位置，但頁腳是'谷歌地圖'的頂部，我試圖讓它相反......任何想法，我可以如何實現這一目標？再次感謝！ – noobug 2011-03-09 17:40:23

很高興提供幫助，我已經更新了我對該問題的回答。一定要表現出對upvotes和接受的答案的一些愛;） – wsanville 2011-03-09 17:50:18

非常感謝，我嘗試了你的建議，並將這些值包含在頁腳中，但是現在整個谷歌地圖「跳下來」，留下了本身和內容之間的巨大差距在它上面，谷歌地圖的底部仍然隱藏在IE7頁腳的後面（這裏是頁面http://bit.ly/fxggEu）。如果你碰巧有其他建議，我會非常感激他們！謝謝！ – noobug 2011-03-09 18:15:13

添加overflow：hidden; to #main p

來源

2011-03-09 17:09:20 Rasterize

回答

相關問題