CSS - 流式佈局和中心的無表菜單欄

我想製作一個無透明菜單欄，使用透明膠片使用一些PNG圖像。菜單欄嵌套在最小/最大寬度的包裝中，並使用自動左/右邊距居中。理想情況下，我希望1節使用背景重複-x調整自己的長度。由於PNG具有透明度值，因此它們不能相互重疊，因爲這會增加重疊部分的可見性。CSS - 流式佈局和中心的無表菜單欄

我試過絕對定位，但是迫使你有一個水平佈局中不可用的水平起始位置。包裝風格：

margin-left: auto; 
margin-right: auto; 
min-width: 960px; 
max-width: 1260px; 
padding: 0px 20px 0px 20px; 
overflow: visible;

圖像（我用的代碼的base64但以防萬一）：

2011-07-05 davidg

使用菜單的列表項。有關如何設置此，您可以查看一個項目，我很currenly上工作的例子：

http://basenharald.nl/3d/ 源搜索「navigatie」下面，你會發現在UL導航

也是開放http://basenharald.nl/3d/css/style.css 在源代碼中搜索「#nav」。這是設置導航的css部分。

2011-07-12 15:35:06 Luuk

不是很有幫助，因爲你有一個固定的寬度#nav ul {width：960px; }。是的，裏面的菜單是ul。反面是搜索表單。 – davidg

回答