幻灯片位置随着不同尺寸的计算机而变化

Question

链接：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%;  }

Answer 1

这就是浏览器测试很重要的原因，对吧？

您可以尝试更改位置：相对于.image_map和.slideshow，然后调整左侧百分比以实现所需的布局。绝对定位会干扰您的设计对不同浏览器做出适当响应的能力。