IE瀏覽器和Firefox瀏覽器的CSS絕對定位問題，但不是Chrome瀏覽器 - Wordpress模板

我修改了一個WordPress響應主題，在標題中包含了我的客戶端徽標。當添加這個時，我已經敲開了一堆其他的div，並且我正在慢慢拼湊起來。IE瀏覽器和Firefox瀏覽器的CSS絕對定位問題，但不是Chrome瀏覽器 - Wordpress模板

我遇到的主要挑戰是與

#header-menu

ID（http://ubcf2.garyspagnoli.com）未對某些瀏覽器上正常渲染。它保持固定在右側，不再響應設計。

這裏是我實現（也檢查了現場）我怎麼看這個定位在標誌圖像的CSS -

#header-menu { 
    bottom: 0; 
    padding: 0; 
    position: absolute; 
    right: 0; 
}

就如何解決這一問題有何建議？我能不能在響應式設計中進行絕對定位？

來源

2014-02-28 piratetone

你希望'＃header-menu'通過'h1＃site-title'嗎？ – sourRaspberri

是的。這是對的。我已經用當前的代碼完成了這個工作，但它給了我在Firefox和IE中的問題。 – piratetone

還有一些嚴重的定位問題！大聲笑我會看看我能做些什麼。 – sourRaspberri

刪除您h1#site-title

#header-menu{ 
    background-image:url('http://ubcf2.garyspagnoli.com/wp-content/uploads/2014/02/UBCF-v1.jpg'); 
    list-style-type:none; 
    margin:0px; 
    padding:0px; 
} 
#header-menu>li{ 
    float:right; 
} 
#header-menu>li a{ 
    display:block; 
    padding:10px 15px; 
} 
#header-menu>div{ 
    float:clear; 
}

您的最後一個列表項目之後加一個div。您可能需要撤消您的列表項目。同時嘗試並刪除任何不必要的位置。

來源

2014-02-28 22:39:28 sourRaspberri

IE瀏覽器和Firefox瀏覽器的CSS絕對定位問題，但不是Chrome瀏覽器 - Wordpress模板

回答

相關問題