Hi, i am posting the issue here after not finding a thread that could help me. i have just installed FB 1.0.3 and am having an issue where the .fb-msgview-right column (the one where the main message for the post should be just site on the right side in a very narrow column. and the .fb-msgview-i-cover part takes up most of the space and basically floats to the left of the main message. i have been driving myself crazy for 3 days trying to figure out what the problem is because my other sites with joomla templates that i also customized have never had this problem.

i had used the previous version of FB vut had teh same layout problem. this happens with all the templates. i poured through my template CSS to look for any discrepancies that might be responsible for this, but couldn't find the problem.

please help me!!!

this is the link
una.highbuddy.com/index.php?option=com_fireboard&Itemid=36

i didn't want to post the entire CSS here unless someone asks (don't want to bombard anyone withlots of unecessary code unless they ask)

thank you in advance for your help,
Savo

Also, i have just noticed that i cannot change the access level to non-registered. i get an error or just a blank page in the backend after trying to change it, but i will tackle that problem later. right now i just really want to fix this frontend issue.

so here is a temporary userID & password so you may view teh forum page i need help with

USER: test
PASSWRD: testuna

figured it out soon after posting for help. had one extra class td selector which was set to width: 100%, simply changed it to auto.

can you explain me what have you done? ..thanks...

oh, are you having a similar issue serena?

basically, i couldn't figue out why the message cell was so narrow. so i poured through my template CSS trying to see if there was some type of conflict. usually a top-level selector is the culprit. in this case...

the mainbody & component content such as the forum itself, appear in .table6 in my joomla template. my joomla CSS had the following:

.table6 td {width:100%;}

this means that that ALL cells within any table element assigned to the class "table6" will have all cells at 100% width of the table itself. so by changing the 100% to auto, it tells the CSS to make the cell within table6 only as wide as the content inside it.

hope this helps,
Savo