Sharepoint 2010 how to position the web part tool pane when using a fixed width

When using a fixed width layout for my sharepoint 2010 master page, I notice the web part tool pane is hidden. How can I control/position it using CSS. I could not work out the class.
Any help would be appreciated
pancho15Asked:
Who is Participating?
 
Ingeborg Hawighorst (Microsoft MVP / EE MVE)Connect With a Mentor Microsoft MVP ExcelCommented:
Hello,

using F12 on IE8 it's easy to identify the elements and their CSS.

See the elements outlined in red in the following screenshots and their respective lines of code and CSS classes:
 Container
<td id="MSOTlPn_MainTD" vAlign="top" style="width: 225px;">

Open in new window

Inherits the Body style from corev4.css

 inner container  
<table class="ms-ToolPaneOuter" id="MSOTlPn_Tbl" style="width: 225px; height: auto;" border="0" cellSpacing="0" cellPadding="0">

Open in new window

Inherits BODY from corev4.css
.ms-ToolPaneOuter from WPEditModev4.css

Does that help?

cheers, teylyn
0
 
pancho15Author Commented:
Thanks , will give that a try
0
 
pancho15Author Commented:
that worked great although I have the following issue now
 Wont scroll
I have positioned the tool pane to the left
      position:fixed !important;
      top:160px !important;
      left:10px !important;      
      overflow:auto;
I tried with position: relative - but it places the tool pane inside my fixed width. I need it either to the left or right of the fixed width.(In the gray area).  

The issue I have with position: fixed is that when I expand the tool pane it does not push the page down so I can view all options.

ANy help would be great my css skills are very basic
0
 
pancho15Author Commented:
I was meant to say I tried it with position: absolute - but it places the tool pane inside my fixed width. although it worked when expanding the
0
 
pancho15Author Commented:
worked a treat thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.