1 Topic by blob

  • blob
  • Member
  • Offline
  • Registered: 2004-07-06
  • Posts: 10

Topic: Firefox is doing strange things to my forums...

Hi there,

If you have a look at my forums in IE for the PC they work fine:

http://www.everything.ie/forum/

but if you try the same thing in Firefox a dark grey line about 3 px wide appears all along the right hand side of the boxes. I've had a look at the slight modifications I've made to the punbb script but can't see where I'm going wrong.

I'm using all the same coding in the main part of my site and dont have any problems with firefox.

In case it's something to do with this, heres main.tpl :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>">
<pun_head>
</head>
<body<pun_body>>
<div id="wrapper">

<table class="punmain" cellspacing="1" cellpadding="0">
    <tr class="punhead">
        <td class="punhead">
            <span class="puntitle"></span>
            <div align="right"><a href="/"><img src="../../../images/everythingforum.gif" alt="everything.ie :: place free ads, find jobs, property, love, romance and more in ireland. everything is free at at everything.ie. now click here to go back to homepage" width="255" height="65" border="0"></a><br>
          </div>
      </td>
    </tr>
    
    <table align="center" width="750" height="20" border="0" cellpadding="0" cellspacing="0" class="button">
  <tr>
    <td class="left"><a href="/howtouse.php">how to use this site </a></td>
    <td class="left"><a href="/exists.php">why everything exists </a></td>
    <td class="left"><a href="/howtohelp.php">everything.ie wants you! </a></td>
    <td class="left"><a href="/forum">forums</a></td>
    <td class="left"><a href="/write.php">write to robert </a></td>
    <td class="both"><a href="/employers.php">employers: click here</a></td>
  </tr>
</table>
<table align="center" width="750" height="20" border="0" cellpadding="0" cellspacing="0" class="button">
  <tr>
    <td class="left2"><a href="/news.php">everything.ie news </a></td>
    <td class="left2"><a href="/recommends.php">robert recommends </a></td>
    <td class="left2"><a href="/publicity.php">what people are saying </a></td>
    <td class="left2"><a href="/links.php"> links</a></td>
    <td class="left2"><a href="/bored.php">i'm bored </a></td>
    <td class="both2"><a href="/">take me home </a></td>
  </tr>
</table>
        <td class="puncon1">
            <table class="punplaintop" cellspacing="4" cellpadding="0">
                <tr>
                    <td>
                        <pun_navlinks><br><br>
                        <pun_status>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<pun_announcement>

<pun_main>

<pun_footer>
</div>
</body>
</html>

2 Reply by blob

  • blob
  • Member
  • Offline
  • Registered: 2004-07-06
  • Posts: 10

Re: Firefox is doing strange things to my forums...

And should you need it heres the stylesheet:

BODY {
background-color: #e5e5e5;
margin: 15px 0px; 
padding: 0px;
/*Hack to centre board in IE5 - combined with #wrapper below */
text-align: center; 
}
#wrapper {
/* Re-Aligns text to left. To be combined with IE centre hack*/
text-align: left; 
width: 750px; 
margin: 0px auto;
}
TD {
    FONT: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333
}
INPUT {
    FONT: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333
}
SELECT {
    FONT: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333
}
TEXTAREA {
    FONT: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #333333
}
FORM {
    MARGIN: 0px
}
PRE {
    FONT-SIZE: 11px; MARGIN: 0px
}
TABLE.punmain {
    WIDTH: 100%;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #606060;
    BORDER-BOTTOM-STYLE: none;
    padding-right: 5px;
}
TABLE.punplain {
    WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
TABLE.punplaintop {
    WIDTH: 100%;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BORDER-BOTTOM-STYLE: solid;
    background-color: #FFFFFF;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}    
TABLE.punspacer {
    WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
TR.punhead {
    BACKGROUND-COLOR: #e5e5e5;
}
TR.puncon1 {
    BACKGROUND-COLOR: #FFFFFF;
}
TR.puncon2 {
    BACKGROUND-COLOR: #FFFFFF}
TR.puncon3 {
    BACKGROUND-COLOR: #e5e5e5}
TR.puntopic {
    HEIGHT: 1.5em
}
TD.punhead {
    COLOR: #666666; TEXT-ALIGN: right}
TD.punheadcent {
    COLOR: #666666; TEXT-ALIGN: center
}
TD.puncon1 {
    BACKGROUND-COLOR: #FFFFFF
}
TD.puncon1cent {
    BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center
}
TD.puncon1right {
    BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: right
}
TD.puncon2 {
    BACKGROUND-COLOR: #eeeeee
}
TD.puncon2cent {
    BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center
}
TD.puncon3 {
    BACKGROUND-COLOR: #e5e5e5
}
TD.puncent {
    TEXT-ALIGN: center
}
TD.punright {
    TEXT-ALIGN: right
}
TD.puntop {
    VERTICAL-ALIGN: top
}
TD.puntopright {
    VERTICAL-ALIGN: top; TEXT-ALIGN: right
}
TD.punquote {
    BORDER-RIGHT: #606060 1px dashed; BORDER-TOP: #606060 1px dashed; BORDER-LEFT: #606060 1px dashed; BORDER-BOTTOM: #606060 1px dashed; BACKGROUND-COLOR: #f6f6f6
}
A:link {
    COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
    COLOR: #333333; TEXT-DECORATION: none
}
A.punhot:link {
    COLOR: #CC0000}
A.punhot:visited {
    COLOR: #CC0000
}
A.punclosed:link {
    COLOR: #888888
}
A.punclosed:visited {
    COLOR: #888888
}
A:hover {
    COLOR: #CC0000; TEXT-DECORATION: none
}
A.punhot:hover {
    COLOR: #333333
}
A.punclosed:hover {
    COLOR: #aaaaaa
}
IMG.punavatar {
    MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px
}
.puntext {
    FONT-SIZE: 11px
}
.punedited {
    FONT-SIZE: 10px; FONT-STYLE: italic
}
.punsignature {
    FONT-SIZE: 10px
}
.punheadline {
    FONT-WEIGHT: bold; FONT-SIZE: 12px
}
.puntitle {
    FONT-SIZE: 22px;
}
.punhot {
    COLOR: #CC0000
}
.greybox { 
   background-color: #e5e5e5; 
   border-top: 1px solid #000000; 
   border-right: 1px solid #000000; 
   border-bottom: 0px solid #000000; 
   border-left: 1px solid #000000; 
   text-align: right; 
   padding-right: 5px; 
} 
.whitebox {
    background-color: #FFFFFF;
    text-align: left;
    border: 1px solid #000;
    border-top: 0px solid #000000;
    }
td.left { border-left: 1px solid #000000; 
          border-top: 0px solid #000000; 
        border-bottom: 1px solid #000000;} 
td.both {
    border-top: 0px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
} 
td.left2 { border-left: 1px solid #000000; 
          border-bottom: 1px solid #000000;} 
td.both2 { border-left: 1px solid #000000; 
           border-right: 1px solid #000000; 
         border-bottom: 1px solid #000000;} 
.button a { 
   background-color: #e9e9e9; 
   display: block; 
   text-decoration: none; 
   width: 100%; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   color: #000000; 
   text-align: center; 
   padding-top: 2px; 
   padding-right: 0px; 
   padding-bottom: 2px; 
   padding-left: 0px; 
} 
.button a:hover { 
   background-color: #DDDDDD; 
   color: #CC0000; 
   text-decoration: none 
}

Thanks very much for having a look at this, hopefully someone can offer some advice...

Robert

  • Registered: 2004-08-08
  • Posts: 508

Re: Firefox is doing strange things to my forums...

TABLE.punmain {
    WIDTH: 100%;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #606060;
    BORDER-BOTTOM-STYLE: none;
    padding-right: 5px;
}

change pading-right to 0

If you want picture to be more to the left (IE view), then you should add

.punhead div {
padding-right: 5px;}

thank this guy here in the middle smile

4 Reply by blob

  • blob
  • Member
  • Offline
  • Registered: 2004-07-06
  • Posts: 10

Re: Firefox is doing strange things to my forums...

Thanks snapsolutions,

Its working fine now.

I really appreciate all the great help I get here.