content overflows right side blocks

I have this problem when using the gallery module. It looks like Drupal and Gallery both use the same name of "content" Gallery inserts this css into the page...

.content { width: 700px; }
.gallery-thumb { width: 180px; height: 180px; } 
.gallery-album { height: 0px; } 

Because of this all of my blocks, and my menu had a width of 700px. I changed a few theme files to use a different name, and it looks like everything is working so far. I'll have to test to make sure.

is this a spreadfirefox bug or a drupal bug?

This is caused by the minimum width of the table is greater than the mimimum width of the column.

A few reasons for this could be that either

• the role names are too many
• there are spaces in the role names

Good old drupal.css contains a CSS directive to _NOT_ wrap white spaces in table headers. The following CSS could be added to the style.css to wrap white spaces - and so saving space (no pun intended ;-)

th  {
    white-space: normal;
}

A question that begs to be asked - and the answer is very site specific -- what do you do when tables over-run the content DIV?

Choices include

• table contents remain on top being transparent showing right column content
• table contents remain on top being completely opaque
• right column remains on top being transparent showing table contents underneath
• right column remains on top being completely opaque

All solutions can be found using CSS to set z-index values and backgrounds.

Paddy.

My English isn't good, sorry.

I have the same bug. You can see it at http://www.esperpento.net/filter/tips.

I write my post because JohnG's links don't run.

Thanks for your help.

I think that this particular problem is caused by CSS.

The HTML code is wrapped in ... entities.

By having the following CSS, the HTML would wrap in the table

.type code {
  white-space: normal;
}

Try and see it it works.

Thanks you, paddy_deburca.

Adding your solution, my page works.

Also if I replace the next code (without adding your solution)

code {
  white-space: pre;
}

by

code {
  white-space: normal;
}

the page runs well :)

What solution is better?

The general solution with code {} will cause wrapping for all code blocks. By using .type code {} only code elements within a .type class will wrap white text. The first is general, the second is more specific.

You can choose which everone you wish, just remember where/what you have changed so that oneday you can further customise.

Paddy.

fixed in the cvs version