2011-12-02 42 views
2

我有困難的時候對準東西的Oracle APEX ...基本上一些網頁看起來不錯,但有些看起來是這樣的:如何在Oracle Apex中整齊排列項目?

enter image description here

這是考慮到我的所有網頁都具有相同的模板/地區/ col設置: enter image description here

我在做什麼錯了?

編輯:

我沒有得到的定位變得更好一點: enter image description here

這裏是模板信息: enter image description here

+0

它是最先提供的模板之一嗎?如果是:哪個?你有任何地方的樣式標籤,或附加一個自定義的CSS? – Tom

+0

這是綠色春天的主題。沒有使用自定義的CSS。 – antonpug

回答

1

這可能是你的頁面模板。我已經導入了綠色春天的主題,並嘗試了一下。由於您使用的是標籤並僅使用頂點模板,因此您可能選擇了One level tabs - Left sidebar (fixed width/DIV based)。這可以解釋爲什麼你的「添加新用戶」區域被「推」到右邊。當你添加另一個區域時,它可能會被推入。 您的菜單區域未被設置,可能會放在模板中另一個位置,在側邊欄之前。

  • 檢查兩個區域的顯示點:它們是否一樣?
  • 您的頁面模板是固定寬度的側邊欄嗎?

所以這裏是爲One Level Tabs - Left Sidebar (fixed-width/DIV based)模板的身體模板代碼:

<div id="header"> 
    <div id="logo"><a href="#HOME_LINK#">#LOGO##REGION_POSITION_06#</a></div> 
    #REGION_POSITION_07# 
    <div id="navbar"> 
    #NAVIGATION_BAR# 
    <div class="app-user">#WELCOME_USER#</div> 
    #REGION_POSITION_08# 
    </div> 
</div> 
<div id="tabs"> 
    <div class="frame"> 
    <div class="bg"> 
     <div class="tab-holder"> 
     #TAB_CELLS# 
     </div> 
    </div> 
    </div> 
</div> 
<div id="topbar">#REGION_POSITION_01##REGION_POSITION_04#</div> 
<div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div> 
<div id="body"> 
    <div id="two-col-sb-left"> 
    <div id="left-sidebar">#REGION_POSITION_02#</div> 
    <div id="main-sb-left"> 
     #BOX_BODY##REGION_POSITION_03# 
    </div> 
    </div> 
</div> 

你這樣做你的編輯之後,很可能將在「添加新用戶」區域Page Template Region Position 1,就像菜單區域,將它們堆疊起來。 默認的地方應該是在<div id="main-sb-left">

我想說,你的實際問題仍然在於頁面模板。您應該嘗試:訪問共享組件>模板,並製作One Level Tabs - Left Sidebar (fixed-width/DIV based)模板的副本(通過單擊旁邊的2頁圖標完成)。然後編輯這個副本(只是稱它爲一級模板測試),並像這樣改變body div。

<div id="body"> 
    #REGION_POSITION_02##BOX_BODY##REGION_POSITION_03# 
</div> 

然後改變你的頁面模板,並設置2個區域定位#03,和模板設置爲Reports Region。您的區域將一直向左對齊,並且沒有空白。

老實說,這將是解決空白邊欄空間最簡單的方法。身體中沒有其他區域省略了邊欄。至少在這個主題中!

+0

請參閱問題的編輯。我得到它的工作更好一點,我必須使用CSS來玩寬度? – antonpug

+0

編輯也 - 檢查並試用,看看是否可以幫助你 – Tom

相關問題