Dock On Bottom Width

[dunlop03]

Im using a facebook friends style dock on the bottom of my forum. Its just a few pixels narrower than the forum on either side, were can i edit the width of this , i can seem to find it anywhere.

[Tim B.]

Probably edit the dock CSS, can you post the dock CSS?

[dunlop03]

Heres the dock css

#fbDock_container {
bottom: 0; 
position: fixed; 
width: 100%;
z-index: 1001;
left: 0px;
} 

#fbDock_container2 {
position: relative; 
margin: auto; 
width: 90%;
height: 25px;
min-height: 25px;
border: 1px solid #000000;
border-bottom: none;
}

.FbDock_container {
bottom: 0; 
position: fixed; 
width: 100%;
left: 0px;
z-index: 999;
}

.FbDock_container2 {
width: 90%;
position: relative; 
margin: auto;
height: 25px;
min-height: 25px;
}

.fbdock {
background: #026CB1;
color: #ffffff;
}

.fbdock a:link {
color: #ffffff;
text-decoration: none;
}

.fbdock a:visited {
color: #ffffff;
text-decoration: none;
}

.fbdock a:hover, .fbdock a:active {
color: #ffffff;
text-decoration: underline;
}

#fbDock_container2 ul {
display: inline; 
list-style-type: none;
padding: 0px;
color: #000000;
margin: 0px;
}
#fbDock_container2 li {
float: left;
border-right: 1px solid #000000;
padding: 0 5px;
line-height: 25px;
}
#fbDock_container2 #FBDock_notification {
width: 27px;
padding: 0;
border-right: none;
background-repeat: no-repeat;
background-attachment:scroll;
background-color:transparent;
background-image:url(images/fbDock/fbDock_notify_sprite.gif);
line-height: 20px;
}

#fbDock_container2 #FBDock_online {
padding: 0;
}
#online_pop {
margin-right: 27px;
right: 0;
}

#online_pop .thead, #FbDock_notifications_pop .thead {
font-weight: bold;
line-height: 25px;
}

#FBDock_online {
width: 200px;
border: 1px solid #000000;
border-top-style: none;
border-bottom-style: none;
display: inline;
}

#FbDock_notifications_pop {
right: 0;
margin-right: -1px;
}

.FbDock_pop {
bottom: 25px;
position: absolute;
z-index:: 1000;
background-color: #FFFFFF;
width: 200px;
border: 1px solid #000000;
border-bottom-style: none;
}

.FBDock_button {
display: block;
width: 100%;
}

#fbDockTooltip {
z-index: 2000;
position: absolute;
padding: 5px;
border: 1px solid #000000;
}

#friendsPop {
margin: 0px;
padding: 0px;
background-color: #000000;
z-index: 100; 
position: absolute;
left: 0;
top: 0;
opacity: 0.8; 
filter: alpha(opacity=80);
}

#friends_error {
margin: 0px;
padding: 10px 5px;
width: 200px;
border: thin solid #000000;
position: absolute;
z-index: 101;
color: red;
font-weight: bold;
background-color: #CCCCCC;
}

#fbdock_block_online .fbdock_online, #fbdock_block_notifications .fbdock_notifications {
padding: 0px;
margin: 0;
line-height: 20px;
width: 100%;
float: left;
}

.fbdock_online div {
line-height: 20px;
font-weight: bold;
}

.smallertext {
font-size: 9px;
}


#online_pop #fbdock_block_online {
list-style-type: none;
margin: 0;
padding: 0;
}

#fbdock_block_online li, #fbdock_block_notifications li {
border-right-style: none;
}

.fbDock_border_bottom {
border-bottom: solid 1px #000000;
}

#FbDock_notifications_pop #fbdock_block_notifications li {
line-height: 12px;
padding: 4px 0px;
}

#fbdock_block_notifications {
list-style-type: none;
padding: 0;
margin: 0;
}

---

I got it , i just chaged the "width: 90%;" to "width: 91%;"

#fbDock_container2 {
position: relative; 
margin: auto; 
width: 91%;
height: 25px;
min-height: 25px;
border: 1px solid #000000;
border-bottom: none;

Thank You

[Bob Jansen]

Add the same amount of padding added to the #container in global.css. In the Default theme its 20px;

[dunlop03]

Yea i got it m8 thanks for your help.

[RhysH]

This will help me with my FB Dock bar Thanks