Hello,

I'm trying to put a border-right on the left sidebar, and a border-left on the right sidebar to separate them from the main content. When I try to put any borders on #sidebar-left or #sidebar-right, nothing shows up in any browser.

If I put a border on #sidebar-left .block, #sidebar-right .block, it shows up in IE 7 (haven't tried earlier versions of IE)-- not Firefox 2.0.0.12 (Mac or PC) or Safari 3.0.4. That's not exactly what I'm looking for (it puts a border on each block instead of the whole sidebar) but that's the only place I've been able to get a border anywhere in any browser. Putting a border-bottom on #head similarly gets nothing.

Is there a way I can get the borders to show up, or am I going to need background images for it?

Thanks!

Comments

ishmael-sanchez’s picture

ishmael-sanchez commented
Assigned: Unassigned » ishmael-sanchez
Status: Active » Fixed

Hello, I just did a vanilla install of Drupal 5 and I was able to add borders with the following code:

#sidebar-left {
  border-right:1px solid;
  width: 16em;
  margin: 2.2em 1.4em 0 0;
  float: left;
}
#sidebar-right {
  border-left:1px solid;
  width: 16em;
  float: right;
  margin-top: 2.2em;
}

You might have to adjust the widths depending on the size of your borders.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.