Forum Moderators: not2easy
I have recently installed Fireboard Forum on my website.
All seems to be working great except for one particular issue: when i test the forums out and try to start a “NEW THREAD” or “REPLY TOPIC” the text editor is wider than my content module using IE 6 and IE7 and so writing a message becomes very awkward/impossible. As there are no scroll bars there is no way of scrolling back to the left hand side of the message box.
It works fine though in Firefox (v.2.0.0.12)
I have tried playing around with the following lines but to no avail.
table#fb_postmessage .fb_txtarea {forum.css (line 142)
border:1px solid #CCCCCC;
height:300px;
overflow:auto; (changed to scroll but to no avail)
width:95%; (changed various times, nothing in IE, but all changes rendered correctly in FF)
}
If someone could point me in the right direction i would very much appreciate it.
Here is the direct link to the forum and where the problem lies : <snip>
Thanks for reading.
Regards
Jayne
[edited by: SuzyUK at 11:37 pm (utc) on Mar. 4, 2008]
[edit reason] Please No URI's [/edit]
You might want to remove your link if you can still do so, and please Read this posting [webmasterworld.com] which will inform you of how to post threads at WebmasterWorld and for this section.
Also, I'm not sure if this is where you really wish to post this. You might do better in WYSIWYG and Text Code Editors, or even html and browsers. I'm reall not sure if this is a code issue with your forum software, or if it is a css problem.
Try this
body *{overflow:visible}
IE has issues (bugs?) with overflow:auto.
Change to overflow:hidden for the particular element of interest.
I'm not sure whether this will solve the problem with IE unless you also use position:absolute - I do only absolute positioning so I'm unsure what happens for static or relative positioning.
You have width:95%, but 95-percent of what: it's parent? document.body?
Try using absolute positioning and explicitly set the widths of all elements in the DOM element branch - all parents and their children. Why? Because a child's width is not specified as a percent of its parent's width, but as a percent of the width of its most immediate ancestor that is absolutely positioned - if you don't have any absolutely positioned ancestor, the default is document.body.
I'll bet that if you check it, your text area's width is 95% of the body width.
[edited by: MarkFilipak at 1:16 am (utc) on Mar. 5, 2008]
Fitting a elephant in the space for a mouse can be tricky unless you grow the space or shrink the elephant.
I did however "play around" with the width and replaced 95% for auto and changed the message box text area to 300px rather than a %. So far so good.
I´m now only left with the problem with the "submit" "preview" and "cancel" button not positioned correctly in IE. They are OK in FF. Also just below these buttons is the "author" and "message" box, where the "message" is mainly hidden. I have again tried to sort it but to no avail. In fact i am at a bit of loss as to where exactly i should be looking!
Thanks again MF and also swa66 for your suggestion.
Regards
Jayne
[edited by: engine at 8:53 am (utc) on Mar. 6, 2008]
[edit reason] no urls, thanks [/edit]
LOL! Yes, when you start using position:absolute, things will disappear that were previously visible -- they're really hiding somewhere under something else -- and things will move to unexpected places. That's why I suggested that you make the entire DOM branch absolutely positioned. You will find that things start making sense and you will learn more about CSS. Best of luck.
