ナビゲーションサブナビゲーション異なる画面上の異なる位置に

を持っているので、私はNAVとサブナビゲーションを持っている....ナビゲーションサブナビゲーション異なる画面上の異なる位置に

<div class="headerNav"> 
<ul> 
<li><a href="index.php">Home</a></li> 
<li><a href="#" class='galleryNavToggle'>Gallery</a></li> 
<li><a href="#" class='galleryNavInfoToggle'>Info</a></li> 
</ul> 
</div><!--headerNav--> 

<div class="headerNavGallery" id="headerNavGallery" style="display:none;"> 
<ul> 
<li><a href="Categories.php?action=view">Categoies</a></li> 
<li><a href="Products.php?action=view">Products</a></li> 
</ul> 
</div><!--headerNavGallery--> 

<div class="headerNavInfo" id="headerNavInfo" style="display:none;"> 
<ul> 
<li><a href="willRuppel.php?action=view">William Ruppel</a></li> 
<li><a href="CV.php?action=view">CV</a></li> 
<li><a href="artistBio.php?action=view">Artist Bio</a></li> 
<li><a href="Video.php?action=view">Video</a></li> 
<li><a href="contact.php?action=view">Contact</a></li> 
</ul> 
</div><!--headerNavInfo-->

とそのCSS

.headerNav { 
    color: #FFFFFF; 
    padding-left: 150px; 
    padding-top: 148px; 
} 

.headerNavGallery { 
    color: #000000; 
    padding-left: 25px; 
    padding-top: 0; 
} 

.headerNavInfo { 
    color: #000000; 
    padding-left: 177px; 
    padding-top: 0; 
}

私の質問は、私が入手できます方法ですそれらは幅にかかわらず、すべての画面で同じ位置にとどまることができますか？

出典

2012-03-14 user1269625

ラッパー要素を使用していますか？ body要素の最初の子として親要素を使用し、そこにすべてのhtmlを含めることができます。

それから（960ピクセル幅）は非常に一般的です。このラッパー要素にspesific wifthを与え、また、そのような画面にそれを中央揃えすることができます

<html> 
<head> 
<style type="text/css"> 

#wrapper{ 
margin:0 auto; 
width: 960px; 
} 

</style> 
</head> 
<body> 
<div id="wrapper"> 
<!-- ALL YOUR HTML HERE --> 
</div> 
</body> 
</html>

出典

2012-03-14 17:35:08

テスト今 – user1269625

おかげで、このうちはそれが:)作品Kimonas – user1269625

答えて

関連する問題