兩種不同色譜柱尺寸的問題

我在這裏提供此網站是因爲Wordpress.stackexchange.com表示它不夠具體......請幫忙！兩種不同色譜柱尺寸的問題

我有一個網站here。

我正在嘗試調整中心列的大小，而且我很難。我曾經擁有過一切正確的東西，但是一位客戶進入並更新了一些東西，並且更新了CSS，我全都搞砸了。只是不知道在哪裏。

這裏有一個側邊欄部分的CSS ...

/** Sidebar *********************************/ 
.side-wrap { 
width: 205px; 
position:relative; 
padding:0; 
padding-top:10px; 
margin-top:-10px; 
z-index:1; 
} 

.side-wrap.left.border.bottom {float:left;background:url(images/content-border-d.png) right bottom no-repeat;} 


.sidebar-content { 
display:block; 
position:relative; 
height:auto; 
width: 205px; 
position:relative; 
padding:0; 
padding-top:10px; 
margin-top:-10px; 
z-index:1; 
} 


.sidebar-content ul li.sidebartitle a { background:none;} 
.sidebar-content ul li.widget {clear:both;} 
.sidebar-content ul li.widget:after { content: "."; display: none; clear: both; visibility: hidden; } 
.side-wrap .border-wrap.left .sidebar-content ul .widget {padding-right:5px; width:335px; } 
.side-wrap .border-wrap.right .sidebar-content ul .widget {padding-left:5px; width:200px; } 
.sidebar-content ul .widget {padding-top:10px;padding-bottom:5px;} 
.sidebar-content li {list-style:none;} 

.border-wrap { 
width: 100%; 
position:relative; 
height:auto; 
z-index:0; 
height:100%; 
padding-bottom:25px; 
}

然而，左側邊欄應該是335px和右側邊欄，在200像素，這也正是它在現在。

來源

2013-09-05 webfrogs

你有左側DIV這些類：

class="border-wrap right in-full border bottom"，

它應該是：

class="border-wrap left in-full border bottom"

因爲它是這個選擇不選擇任何內容：

.side-wrap .border-wrap.left .sidebar-content ul .widget { 
    padding-right:5px; 
    width:335px; 
}

來源

2013-09-05 15:59:40 dezman

'class =「border-wrap right-in-full border bottom」'我會在哪裏糾正這個問題？它不在樣式表中？不知道如何到達HTML。 – webfrogs

對不起，但我怎麼知道如何到達你的HTML，你可以使用任何數量的系統，但你應該弄清楚。 – dezman

這不是多個系統。這是Wordpress。我的建議是正確的，並且在我在Chrome中進行調試時工作正常。我似乎無法弄清楚的是如何在後端進行上述更改。這是否更有意義？ – webfrogs

我可以讓你的左邊欄寬度爲280px，然後將右邊欄推到一個新的行......這裏有一個截圖 - 這是在你的原始佈局附近的任何地方？ enter image description here

來源

2013-09-05 16:03:13 Dave

更新了內部容器

它看起來對我來說，包含整個中間部分的DIV是：

<div class="side-wrap left out-quarter ">

我認爲下面的CSS項應該做的伎倆：

div.side-wrap.left.out-quarter {width:335px;} 
div.side-wrap.left.out-quarter .sidebar-content, 
div.side-wrap.left.out-quarter .sidebar-content ul li {width:100%;}

把它放在你的CSS文件的底部。

來源

2013-09-05 20:51:47 gwc

我建立了你現在建議的方式。它沒有工作。檢查你是否喜歡。我會留下來的。 – webfrogs

這照顧了外部容器的寬度。現在您需要解決內部文本的寬度。查看更新。如果填充不是您想要的，只需修改提供的CSS以調整填充以滿足您的需要。 – gwc

兩種不同色譜柱尺寸的問題

回答

相關問題