Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 10:00 am EDT

Geeklog Forums

Forum 2.6rc1 firefox issue


scubasteve

Anonymous
I am having problems with the new 2.6rc1 forum plugin. Everything is displayed correctly in IE but not in Firefox.

When using firefox, both the forum centerblock and topics are not displaying properly. With IE, a mouse over of the topic gives you details of the last post or the snipet of the original post.

It is hard to explian but here is an image i found:

http://www.volunteerems.org/cms/forum-on-firefox.gif

It is not my image or the same browser or forum version, but it is exactly what i'm seeing with firefox.

Any ideas?
 Quote

Status: offline

Blaine

Forum User
Moderator
Registered: 07/16/02
Posts: 1232
Location:Canada
Well not posting the link to the live site makes it hard to see the real issue Confused
The image you posted shows that you have not added the CSS for the tooltip style and would show the same in IE as FF if that style was missing.

Layout has been confirmed with this new version on most or all modern browser types.
Geeklog components by PortalParts -- www.portalparts.com
 Quote

scubasteve

Anonymous
Do to the sensitive information handled on my site, I can not show you it live. Let me put together two comparison screen shots.

With IE:



With Firefox 2.0:

 Quote

scubasteve

Anonymous
Do those screenshots help?
 Quote

Status: offline

Blaine

Forum User
Moderator
Registered: 07/16/02
Posts: 1232
Location:Canada
If it were a FF issue - then this site would also have the issue but I assume you don't see the issue on this site.
Geeklog components by PortalParts -- www.portalparts.com
 Quote

scubasteve

Anonymous
That is correct, I do not see the same issue with www.geeklog.net.

Is there something i could have missed with the upgrade from the 2.3 forum version?
 Quote

Status: offline

Blaine

Forum User
Moderator
Registered: 07/16/02
Posts: 1232
Location:Canada
yes - the note CSS 'tooltip' and possibly other CSS styles.

What GL version and theme are you running?
Geeklog components by PortalParts -- www.portalparts.com
 Quote

scubasteve

Anonymous
GL version 1.4.0sr5-1 (just upgraded today)

I'm using the professional theme that came with 1.4.0sr5-1.

 Quote

Status: offline

mevans

Forum User
Full Member
Registered: 02/08/04
Posts: 393
Location:Texas
Excuse me for butting in... but, could this be a simple cached style sheet issue? I wonder, since it works find in IE but not FF, one would think the style.css is correct.

Just for grins, try hitting Ctrl-F5 in FF to reload everything and see if that makes any difference. If not, no harm done...

Thanks!
Mark
 Quote

scubasteve

Anonymous
I should also note that I did the forum upgrade AFTER the gl upgrade to 1.4.0sr5-1.
 Quote

scubasteve

Anonymous


Just for grins, try hitting Ctrl-F5 in FF to reload everything and see if that makes any difference. If not, no harm done...

Thanks!
Mark[/p]


One of the first things I tried. :wink:
 Quote

ironmax

Anonymous
Quote by: scubasteve

I am having problems with the new 2.6rc1 forum plugin. Everything is displayed correctly in IE but not in Firefox.

When using firefox, both the forum centerblock and topics are not displaying properly. With IE, a mouse over of the topic gives you details of the last post or the snipet of the original post.

It is hard to explian but here is an image i found:

http://www.volunteerems.org/cms/forum-on-firefox.gif

It is not my image or the same browser or forum version, but it is exactly what i'm seeing with firefox.

Any ideas?



You need to install the updated CSS tags into your style.css file in the layout/yourtheme dir like what Blaine had said, if you didn't or you have a misc copy of a duplicate tag from before, your gonna have problems. Here is a copy of my style.css for professional. Rename your current one to a backup and copy and paste this code into a new file and name it style.css and place it in that dir. Also, goto in your browser and click on tools and then clear private data (clear your cache). The code here works in my FF just fine.



Text Formatted Code

/* STYLESHEET FORMAT GUIDE *****************************************************

  split the following sections:
  - semantics (direct formatting for <td>, <a > etc
  - classes (.whatever)
  - common plugin CSS
  - navbar
  Within these sections, entries are to be strictly alphabetized.

  SAMPLE:
  .poll-vote,
  .poll-vote-results {
    background:transparent;
    color:#000000;
    font-size:smaller;
  }

  These are the rough rules:
  - always put a ';' after the last entry
  - always a linebreak before .
  - always a linebreak after , ; { and }
  - always a . before all classes
  - two spaces indent
  - no tabs
  - no spaces after colons
*/

/* SEMANTICS ******************************************************************/
a:link.non-ul,
a:visited.non-ul,
a:hover.non-ul,
a:active.non-ul {
  color:#000000;
  background:transparent;
  text-decoration:none;
}
a:link {
  background:transparent;
  color:#0000FF;
}
a:visited {
  background:transparent;
  color:#800080
}
a:hover {
  background:transparent;
  color:#008000
}
a:active {
  background:transparent;
  color:#FF0000
}

fieldset {
  margin-bottom:1em;
}
fieldset p {
  padding:5px;
  margin:0px;
}
fieldset p {
  margin-top:5px;
  margin-bottom:0px;
}
fieldset legend {
  font-size:.9em;
}
form {
  margin-top:5px;
  margin-bottom:5px;
}
form div.notes p,
form div small {
  line-height:125%;
}

form div.notes li {
  margin-left:12px;
}
form fieldset div.notes {
  float:right;
  width:170px;
  height:auto;
  margin:0px 0px 10px 10px;
  padding:5px;
  border:1px solid #666666;
  background-color:#ffffe1;
  color:#666666;
  font-size:.75em;
}

form fieldset div.notes h4 {
  background-image:url(images/icon_info.png);
  background-repeat:no-repeat;
  background-position:top left;
  padding:3px 0px 2px 27px;
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:#666666;
  color:#666666;
  margin-bottom:5px;
  margin-top:0px;
  font-size:1.3em;
}

form fieldset div.notes p {
  margin:0em 0em 1.2em 0em;
  color:#666666;
}

form fieldset div.notes p.last {
  margin:0em;
  padding-bottom:5px;
}
h1 {
  font-size:125%;
}
h2 {
  font-size:100%;
}
h3 {
  font-size:100%;
  margin:0px;
}
img {
  border:0;
}
input {
  font-size:.9em;
}
input,
submit,
td {
  color:#000000;
}
textarea {
  color:#000000;
  font-family:arial,sans-serif,verdana,tahoma,helvetica;
}
th {
  color:#000000;
  background-color:#DAE0ED;
  font-weight:bold;
  font-size:larger;
  padding-left:3px;
  text-align:left;
}
p {
  margin-top:5px;
}
select {
  color:#000000;
  font-size:.9em;
}

/* CLASSES ********************************************************************/

/* Admin lists ****************************************************************/
.admin-list-icon {
  float:left;
  padding:5px;
}
.admin-list-table {
  width:100%;
  text-align:left;
  border-spacing:1px;
}
.admin-list-table form {
  margin:0px;
}
.admin-list-search{
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
}
.admin-list-field {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
}
.admin-list-headerfield {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
  font-size:larger;
}
/* general alignment classes **************************************************/
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
/* Blocks *********************************************************************/
.block-box-left {
  margin:10px;
}
.block-box-left,
.block-box-right,
.block-box {
  margin:5px 10px 15px 10px;
}
.block-box-left ul,
.block-box-right ul {
  /* do not indent lists in the blocks too much */
  padding-left:10px;
  margin-top:0px;
  margin-bottom:0px;
}
.block-bg-left,
.block-bg-right{
  border-top:1px solid #FFFFFF;
}
.block-bg-spreader {
  /* this is making sure that the blocks have a minimum width */
  background:transparent;
  width:180px;
  height:1px;
}
.block-content,
.block-content-right,
.block-content-left {
  background:transparent;
  color:#000000;
  padding-bottom:2px;
  padding-top:2px;
  clear:both;
}
.block-content-left ul,
.block-content-right ul,
.block-content ul {
  margin-top:0;
  margin-bottom:0;
  margin-left:16px;
  padding-left:0;
  border:none;
}
.block-divider {
  background:#FFFFFF;
  border-bottom:1px solid #F7F7F7;
  border-top:1px solid #E7E7E7;
  color:#000000;
  padding-top:2px;
}
.block-divider-left {
  border-top:1px solid #E7E7E7;
  border-bottom:1px solid #FFFFFF;
  width:90%;
  margin:0 auto;
  line-height:0px;
}
.block-divider-right {
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #FFFFFF;
  width:90%;
  margin:0 auto;
  line-height:0px;
}
.block-featured-left {
  background:#F7F7F7;
  border-right:1px solid #FFFFFF;
  color:#000000;
}
.block-featured-right {
  background:#E7E7E7;
  border-left:1px solid #FFFFFF;
  color:#000000;
}
.block-helpicon {
  padding-top:0px;
  text-align:right;
  float:right;
}
.block-outerborder-left {
  border-left:5px solid #E7E7E7;
}
.block-outerborder-right {
  border-right:1px solid #CCCCCC;
}
.block-title,
.blocktitle,
.block-title-left,
.block-title-right {
  background:transparent;
  color:#1A3955;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
}
/* Comments *******************************************************************/
.commentbar-line1 {
  background:transparent;
  color:#000000;
  padding:3px 3px;
  text-align:center;
}
.commentbar-line2 {
  background:#E7E7E7;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #FFFFFF;
  text-align:center;
}
.commentbar-line3 {
  background:#FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #E7E7E7;
  color:#000000;
  padding:3px 3px;
  text-align:center;
}
.commenttitle {
  background:#F7F7F7;
  border-bottom:1px solid #E7E7E7;
  border-left:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;
  border-top:1px solid #E7E7E7;
  font-weight:bold;
  font-size:smaller;
  padding:3px 0px 3px 10px;
}
/******************************************************************************/
.edit-perm-down {
  text-align:center;
}
.edit-perm-up{
  text-align:center;
  padding-right:10px;
  padding-left:10px;
}
.fieldhelp {
  font-size:0.8em;
  color:#666666;
}
/* Footer *********************************************************************/
.footerblock {
  background:#1A3955;
  border-top:1px solid #CCCCCC;
  color:#FFFFFF;
  font-size:0.85em;
  padding-bottom:10px;
  padding-top:10px;
  padding-left:4px;
  padding-right:4px;
  vertical-align:middle;
  text-align:left;
}
.footerblock a:link {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footerblock a:visited {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footerblock a:hover {
  background:transparent;
  color:#008000;
  text-decoration:none;
}
.footerblock a:active {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footer-divider-top {
  background:#FFFFFF;
  border-top:1px solid #CCCCCC;
  padding-top:1px;
  color:#000000;
}
/* Forms **********************************************************************/
.form-description {
  font-weight:bold;
  float:left;
  width:100px;
  text-align:right;
  padding-right:5px;
  display:block;
}
.form-field {
  padding-bottom:5px;
  margin-left:105px;
}
/* Header *********************************************************************/
.header-envelope {
  border-bottom:1px solid #E7E7E7;
  border-left:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;
  border-top:1px solid #E7E7E7;
  padding-left:1px;
  padding-right:1px;
  text-align:left;
}
.header-logobg {
  padding-top:4px;
}
.header-logobg-container-inner {
  background:url(images/header-bg.png) #1A3955;
  border-bottom:1px solid #CCCCCC;
}
.header-logobg-container-outer {
  background:#FFFFFF;
  padding-bottom:1px;
}
.header-navigation-container {
  border-bottom:1px solid #FFFFFF;
}
.header-navigation-line {
  background:#E7E7E7;
  border-bottom:1px solid #CCCCCC;
  color:#FFFFFF;
  padding-bottom:3px;
  padding-top:4px;
  text-align:right;
}
.header-navigation-line a:link {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#0000FF;
  font-size:.9em;
}
.header-navigation-line a:visited {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#800080;
  font-size:0.9em;
}
.header-navigation-line a:hover {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#008000;
  font-size:0.9em;
}
.header-navigation-line a:active {
  background:transparent;
  border-bottom:0px solid #CCCCCC;
  color:#FF0000;
  font-size:0.9em;
}
.header-welcomeanddate-box {
  border-bottom:1px solid #CCCCCC;
  height:52px;
}
.header-welcomeanddate-text {
  position:relative;
  top:12px;
  left:4px;
}
/******************************************************************************/
.highlight {
  color:#000000;
  background-color:yellow;
  text-decoration:none;
}
.inputTable td {
  padding:4px;
  vertical-align:top;
}
.inputTable label {
  font-weight:bold;
  float:right;
  white-space:nowrap;
}
.moderation-cc {
  width:100%;
}
.moderation-cc-row {
  clear:both;
  height:80px;
  width:100%;
}
.moderation-cc-item {
  float:left;
  text-align:center;
}
.pagenav {
  text-align:center;
}
.row_center td {
  text-align:center;
}
.searchauth {
  background:transparent;
  color:#000000;
  text-align:left;
}
.searchdate {
  background:transparent;
  color:#000000;
  text-align:right;
}
.searchform-box {
  background:#E7E7E7;
  text-align:right;
  border-bottom:1px solid #CCCCCC;
  height:52px;
  padding:0px 4px 0px 1px;
  margin:0px;
}
.searchform-elements{
  display:inline;
  position:relative;
  top:6px;
}
.searchform-elements input{
  font-size:0.9em;
}
.searchhits {
  background:transparent;
  color:#000000;
  text-align:right;
}
.sitebody {
  background:#FFFFFF;
  color:#000000;
  font:.8em arial,sans-serif,verdana,tahoma,helvetica;
  padding:0px;
  margin:0px;
}
.site-slogan {
  color:#ffffff;
  background:transparent;
}
/* Stats **********************************************************************/
.stats-list-count {
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}
.stats-header-title {
  text-align:left;
  width:90%;
  padding-left:5px;
  padding-right:5px;
}
.stats-header-count {
  text-align:left;
  width:10%;
  padding-left:5px;
  padding-right:5px;
}
/* Story **********************************************************************/
.story {
  /* the frame around all elements of one story */
  background:transparent;
  color:#000000;
}
.story h1{
  /* the title of a story */
  background:transparent;
  color:#000000;
  font-weight:bold;
  padding-left:1px;
}
.story-body {
  /* this is the actual content of the story */
  padding:3px;
}
.story-featured {
  /* the frame around all elements of a featured story */
  background:transparent;
  color:#000000;
}
.story-featured h1 {
  /* the title of a featured story */
  background:transparent;
  color:#000000;
  font-weight:bold;
  font-size:1.4em;
  padding-left:1px;
}
.story-icons {
  /* print & mail icons in a storybox */
  float:right;
}
.story-container {
  /* frame around all stories & centerblocks*/
  padding-right:9px;
}
.story-footer {
  /* the bottom of the story with edit-links etc */
  padding:3px;
  text-align:center;
}
.story-information {
  /* the author, views and date of a story */
  padding:3px;
  font-size:0.85em;
  background:transparent;
  color:#000000;
}
/******************************************************************************/
.topicoption,
.topicoption-off {
}
.warning {
  background:transparent;
  color:#FF0000;
  font-weight:bold;
}
.warningsmall {
  background:transparent;
  color:#FF0000;
}
.xpinputfield {
  border:1px solid #7B9EBD;
}

/* Default Plugin CSS Declarations */
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */

.plugin {
  color:#000000;
  background-color:#EFEFEF;
  font-weight:normal;
  border:1px solid #CCCCCC;
}
.plugin th {
  color:#000000;
  background-color:#B7C1DC;
  padding:5px;
  text-align:left;
}
.plugin tr {
  vertical-align:top;
}
.plugin td {
  padding:2px 5px 2px 5px;
}
.pluginBG {
  color:#FEFEFE;
  background-color:#7398BA;
}
.pluginAltBG {
  background-color:#7398BA;
}
.pluginAltBG td {
  color:#FFFFFF
}
.pluginCellTitle {
  color:#FFFFFF;
  font-weight:bold;
  background-color:#7398BA;
  padding:5px;
}
.pluginCellFill {
  background-color:#F8FAFD;
}
.pluginCellText {
  color:#636363;
  font-weight:normal;
}
.pluginHeader {
  color:#204275;
  font-weight:bolder;
  padding-top:3px;
  padding-bottom:3px;
}
.pluginFooter, .pluginFooter td {
  background-color:#507AA1;
  color:#FFFFFF;
  }
.pluginAlert {
  padding:5px 15px 5px 15px;
  color:#D8010E;
  background-color:#FEF1B4;
  font-weight:bold;
}
.pluginInfo {
  padding:5px 15px 5px 15px;
  color:#707070;
  background-color:#FEF1B4;
  font-weight:normal;
}
.pluginSubTable {
  color:#000000;
  background-color:#CCCCCC;
  font-weight:normal;
  border:1px solid #CCCCCC;
}
.pluginSubTable th {
  color:#000000;
  background-color:#C9D1E4;
  padding:5px;
  text-align:left;
}
.pluginSubTable tr {
  vertical-align:top;
}
.pluginSolidOutline {
  background-color:#CCCCCC;
}
.pluginSolidFill {
  background-color:#1A3955;
}
.pluginTitle {
  background-color:#507AA1;
  color:#F5F9FF;
  padding:4px;
  padding-left:6px;
  padding-right:6px;
}
.pluginCellSubTitle {
  background-color:#F7F7F7;
  color:#000000;
  padding:4px;
  padding-left:6px;
  padding-right:6px;
}
.pluginTinyText {
  font-size:0.70em;
}
.pluginSmallText {
  font-size:0.8em;
}
.pluginMediumText {
  font-size:1em;
}
.pluginLargeText {
  font-size:1.25em;
}
.pluginAltText {
  color:#FFFFFF;
}
.pluginRow1, .pluginRow1 td {
  color:#000000;
  background-color:#F7F7F7;
  line-height:120%;
}
.pluginRow2, .pluginRow2 td {
  color:#000000;
  background-color:#E7E7E7;
  line-height: 120%;
}
.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver {
  color:#000000;
  background-color:#FFFFFF;
  line-height:120%;
}
.pluginRow1 .pluginRollOut,
.pluginRow2 .pluginRollOut,
.pluginRollOut {
  color:#000000;
  background-color:#F7F7F7;
  line-height:120%;
}
.pluginLinks A:link {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginLinks A:visited {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginLinks A:hover {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
}
.pluginBreadCrumbs,
.pluginBreadCrumbs A:link {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginBreadCrumbs A:visited {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginBreadCrumbs A:hover {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
a.pluginButton:link, a.pluginButton:visited {
  color:#000000;
  text-align:center;
  padding-top:2px;
  display:block;
  height:19px;
  text-decoration:none;
  background-color:transparent;
}
a.pluginButton:hover {
  color:blue;
  text-align:center;
  padding-top:2px;
  background:center url(navbar/images/button_over.gif);
  background-repeat:repeat-x;
  display:block;
  height:19px;
  text-decoration:none;
  background-color:transparent;
}

/* Navbar Class CSS ***********************************************************/
#navcontainer {
  float:left;
  width:100%;
  background:#F4F4F4;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #24618E;
  }
#navcontainer ul {
  margin:0px;
  padding:10px 10px 0 50px;
  list-style:none;
}
#navcontainer li {
  display:inline;
  margin:0px;
  padding:0px;
}
#navcontainer a {
  float:left;
  background:url("navbar/images/tableftJ.gif") no-repeat left top;
  margin:0px;
  padding:0px 0px 0px 5px;
  text-decoration:none;
}
#navcontainer a span {
  float:left;
  display:block;
  background:url("navbar/images/tabrightJ.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a span {
  float:none;
}
/* End IE5-Mac hack */
#navcontainer a:hover span {
  color:#FFFFFF;
}
#navcontainer a:hover {
  background-position:0% -42px;
}
#navcontainer a:hover span {
  background-position:100% -42px;
}
#navcontainer a#current span {
  background:url("navbar/images/tabrightI.gif") no-repeat left top;
  background-position:100% -42px;
  color:#FFFFFF;
}
#navcontainer a:link#current,
#navcontainer a:visited#current,
#navcontainer a:hover#current {
  background:url("navbar/images/tableftI.gif") no-repeat left top;
  background-position:0% -42px;
}

/* Common CSS for on-hover tooltip feature */
a.tooltip {
  position: relative; /*this is the key*/
  z-index:10;
  color:#000;
  text-decoration:none;  
}
a.tooltip:hover  {
  z-index:100;
  text-decoration:none
}
a.tooltip span {
  display: none
}
a.tooltip:hover span {
  /*the span will display just on :hover state*/
  z-index:100;    
  color:#033666;
  font-style:normal;
  font-size:.8em;
  line-height: 125%;
  display:block;
  position:absolute;
  border:1px solid #C8DAF7;
  background-color:#E5EFFF;
  padding:4px;
  text-align: left;
  text-decoration:none;
  left:-20px;
  top:10px;
  min-width:150px;
}
/* End of common CSS for on-hover info feature */

/* Forum Plugin specific CSS */
.codeblock  {
  background-color:#ECE9D8;
  color:#000;
  width: 550px;
  height: 160px;
  overflow: auto;
  min-height: 50px;
  max-height: 120px;
  margin: 5px 0px 5px 5px;
  padding:5px;
  border: 1px dashed black;
}
.quotemain
{
  background:#FAFCFE url('forum/image_set/img_quote.gif') no-repeat top right;      
  border: 1px dotted #000;
  border-left: 4px solid #8394B2;
  color:#465584;
  padding: 4px;
  margin: 5px auto 8px auto;
}

/* CSS Declarations for Code block feature - default will use the .php one */
div .php { max-height:400px; overflow:auto; height:auto; width:auto; min-height:100px; }
div .html { height:300px; overflow:auto; width:auto; min-height:100px; }  
div .css { height:300px; overflow:auto; width:auto; min-height:100px; }  

/* END of Forum Plugin CSS */

 
 Quote

All times are EDT. The time is now 10:00 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content