Posted by HS on February 6, 2010 at 2:56pm
| Project: | Arthemia |
| Version: | 6.x-1.1 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | needs review |
Issue Summary
Hi I have a block that displays information in a table. Only on this theme and only for this block, the block content does not inherit the sidebar width.
Table class: "sticky-enabled sticky-table"
I am not good with CSS but I think in the event people display tables in a block, there should be a new CSS entry defining width as 100%??
See screen shot below
Comments
#1
Ignore the class above. I don't think that's correct.
Screenshot is attached here. For some reason it didn't attach to the above.
#2
I can see in the css that tables in the content region are made 100% width and not the rest. I will fix this shortly, but in the meantime you can add the following css to a local.css file in the theme folder:
table {
width:100%;
border:1px solid #C8DBEA;
border-collapse: separate;
padding:0;
margin:0px 0 10px 0;
}
table th {
background-color:#C8DBEA;
padding: 2px 5px;
color: #3c78a7;
line-height:1.5em;
}
table th, .topics, .posts, .last-reply , .created {
text-align:center;
}
table td {
padding: 2px 5px;
line-height:1.5em;
}
tr.odd {
background-color: #edf5fa;
}
tr.even {
background-color: #E7F2F9;
}
(if that results in other problems, please let me know.)
#3
Hi thanks for the code above. I am a newb at this, can you please explain what in the above changes the table width in sidebars? The only reason I ask is that I'm using it on a production site and don't want to have anything else broken as a result.
Thanks again!