幻燈片位置不同的電腦與變化不同大小

鏈接：http://danielknightstudiob.com/seniorgallery.html 幻燈片位置不同的電腦與變化不同大小

我試圖中心與標題和導航欄的幻燈片和它的作品在我的電腦上正常，但只要我簽在不同的電腦上，它開始重疊導航欄或離開它。總之，我有定位問題。

在CSS的幻燈片我有，

.slideshow {display: block; 
      position: absolute; left:28%; top:15%; 
      z-index: 0;}

，並在HTML中我有，

dl.image_map {display:block; 
       width:1034px; 
       height:60px; 
       background:url(http://www.image-maps.com/uploaded_files/3201306121035353_seniornav.jpg); 
       position:absolute; left:20%; }

來源

2013-06-19 user2502459

基本上，你的完整的html結構並不好......你應該在相對定位的div中包裝幻燈片和菜單......（margin：o auto將做水平居中） - 也不要使用圖像作爲菜單 - 在那裏是大量的教程如何創建HTML/CSS菜單。 http://bluerobot.com/web/css/center1.html – sinisake

這就是爲什麼瀏覽器測試是非常重要的，對不對？

您可以嘗試改變位置：相對於.image_map和.slideshow，然後調整左側百分比以實現所需的佈局。絕對定位會干擾您的設計對不同瀏覽器做出適當響應的能力。

來源

2013-06-19 19:55:44

幻燈片位置不同的電腦與變化不同大小

回答

相關問題