Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS Problems - Possible cache issue?

    Hey guys,

    Basically I'm using IP.Board 2.3.6 and working on the wrapper which runs underneath the banner on all pages.

    Here is a link to the website: http://www.rs-bse.com

    We have two skins on the website, the wrapper content is exactly the same for both and although I have absolutely no problems at all with it some of our members are saying that all of the text is bright green in the wrapper section as well as it having no style. So I immediately thought it has to be a cache issue, I recently added to the stylesheet so they must have an old version. However they've deleted cache etc and it's still exactly the same. Maybe around 10 people have reported having the same problem and they seem to all be using IE.


    I've been scanning trying to find the problem for hours and I just can't see it anywhere and I was wondering if perhaps you could lend a hand.


    What they're seeing:





    What they should be seeing:






    Right so you'll be wanting to look at some code. Here is the code for the wrapper:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" />
    <link rel="shortcut icon" href="favicon.ico" />
    <title><% TITLE %></title>
    <% GENERATOR %> 
    <% CSS %> 
    <% JAVASCRIPT %> 
    </head> 
    <body>
    <div id="ipbwrapper">
      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" topmargin="0" valign="top" id="charm">
        <tr>
          <td width="89px" class="left_top" style="padding: 0px" valign="top"> <img src="style_images/<#IMG_DIR#>/left_top.gif" alt="" />
    </td>
          <td text-align:left; rowspan="3" width="100%" style="padding: 0px; margin: 0;" valign='top'> 
    <% BOARD HEADER %>
    
    <table width="100%" border="0" cellspacing="1" cellpadding="4" colspan="3">
    <tr> 
    <th align="center" width="25%" class='titlemedium'><center>.:Ranks of Bloodshed:.</center></th>
    <th align="center" width="50%" class='titlemedium'><center>.:Bloodshed Information:.</center></th>
    <th align="center" width="25%" class='titlemedium'><center>.:Links of interest:.</center></th>
    
    </tr><tr>
    
    <td class="row4" colspan="1"> <!---BEGIN LEFT SIDE NEWS---> <div align="center">
    
    <font color='grey'><b><u>~Caesars of Bloodshed~</u></b></font>
    <br/>
    
    <img src='http://img526.imageshack.us/img526/7134/leaderssl3ju2.gif'><span class="caesarstyle"><a href="http://www.rs-bse.com/index.php?showuser=19">~ King Galby ~</a></span> <br/>
    <img src='http://img526.imageshack.us/img526/7134/leaderssl3ju2.gif'><span class="caesarstyle"><a href="http://www.rs-bse.com/index.php?showuser=1">~ Jackal ~</a></span> 
    <img src='http://img526.imageshack.us/img526/7134/leaderssl3ju2.gif'><span class="caesarstyle"><a href="http://www.rs-bse.com/index.php?showuser=55">~ Viz44 ~</a></span>
    <br/>
    <br/>
    
    <font color='grey'><b><u>~Consul of Bloodshed~</u></b></font><br/>
    <img src='http://i101.photobucket.com/albums/m72/jackal5159/Consul-1.gif'><span class="consulstyle"><a href="http://www.rs-bse.com/index.php?showuser=2">Lordsilk</a></span>
    
    <br/>
    <br/>
    
    <font color='grey'><b><u>~Senators of Bloodshed~</u></b></font>
    <br/>
    
    <img src='http://i101.photobucket.com/albums/m72/jackal5159/Senator-2.gif'><span class="senatorstyle"><a href="http://www.rs-bse.com/index.php?showuser=34">Yankee</a></span>
    
    <img src='http://i101.photobucket.com/albums/m72/jackal5159/Senator-2.gif'><span class="senatorstyle"><a href="http://www.rs-bse.com/index.php?showuser=3">Ladysilk2</a></span><br/>
    
    <img src='http://i101.photobucket.com/albums/m72/jackal5159/Senator-2.gif'><span class="senatorstyle"><a href="http://www.rs-bse.com/index.php?showuser=87">Fishin Mage</a></span>
    
    <img src='http://i101.photobucket.com/albums/m72/jackal5159/Senator-2.gif'><span class="senatorstyle"><a href="http://www.rs-bse.com/index.php?showuser=56">Scottien</a></span>
    
    <br/>
    <br/>
    <font color='grey'><b><u>~Generals of Bloodshed~</u></b></font>
    <br/>
    <img src='http://i101.photobucket.com/albums/m72/jackal5159/General-2.gif'><span class="generalstyle"><a href="http://www.rs-bse.com/index.php?showuser=5">Widowdaballa</a></span>
    
    
    </font></div></td>
    
    <td class="row4" colspan="1"><!---BEGIN MARQUEE CENTER---><marquee direction="up" scrollamount="2" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 2, 0);">
    
    
    <font color='grey'><center>
    
    <img src='http://img505.imageshack.us/img505/5364/bsedk6.gif'>
    <br/>
    <br/>
    <script language="JavaScript"><!--
    var imlocation = "http://img.photobucket.com/albums/v335/snewham/";
     function ImageArray (n) {
       this.length = n;
       for (var i =1; i <= n; i++) {
         this[i] = ' '
       }
     }
    image = new ImageArray(7)
    image[0] = 'Sunday.gif'
    image[1] = 'Monday.gif'
    image[2] = 'Tuesday.gif'
    image[3] = 'Wednesday.gif'
    image[4] = 'Thursday.gif'
    image[5] = 'Friday.gif'
    image[6] = 'Saturday.gif'
    var currentdate = new Date();
    var imagenumber = currentdate.getDay();
    document.write('<img src="' + imlocation + image[imagenumber] + '">');
    //--></script>
    <br/>
    <br/>
    <b> Welcome to the Empire of Bloodshed!</b> 
    <br/>
    <br/>
    To see our Requirements, Go to the Road to  Bloodshed.
    <br/> 
    Clan Chat: <b>Clan BsE</b> <br/>
    IRC Channel: <b>#bse</b> <br/>
    <a href='http://www.runehead.com/clans/ml.php?clan=bloodshed'><span style='color:white'><b>BsE Runehead</b></span></a>
    <br/>
    
    <br/><br/>
    
          <!-- Begin content -->
            <div id="content">
              <script type="text/javascript"><!--
    function setjs() {
    if(navigator.product == 'Gecko') {
      document.loginform["interface"].value = 'mozilla';
    }else if(navigator.appName == 'Microsoft Internet Explorer' &&
    navigator.userAgent.indexOf("Mac_PowerPC") > 0) {
      document.loginform["interface"].value = 'konqueror';
    }else if(navigator.appName == 'Microsoft Internet Explorer' &&
    document.getElementById && document.getElementById('ietest').innerHTML) {
      document.loginform["interface"].value = 'ie';
    }else if(navigator.appName == 'Konqueror') {
      document.loginform["interface"].value = 'konqueror';
    }else if(window.opera) {
      document.loginform["interface"].value = 'opera';
    }}
    //-->
    </script>
    
    <center>
                <div style="width: 100%; margin-left: auto; margin-right: auto">
                  <div class="boxheader">
                    Connect to the #bse IRC channel without downloading anything! Just set yourself a nickname and make sure the channel is #bse. (Uses Java same as what runescape uses)
                  </div>
                  <div class="boxcontent">
               
              <form method="post" action="http://www.swiftirc.net/index.php?page=chat&client=java" name="loginform" onsubmit="setjs();return true;" id="ietest">
               
                <div>
                  <input type="hidden" name="interface" value="nonjs" />
                </div>
    
                <table style="margin-left: auto; margin-right: auto">
                  <tr>
                    <td>Your Rs Name</td>
                      <td><input type="text" name="Nickname" value=""></td>
                  </tr>
                  <tr>
                    <td>Channel</td>
                    <td><input type="text" name="Channel" value="#bse"></td>
                  </tr>
                </table>
                <div style="text-align: center">
                  <input type="submit" value="Enter Chat" />
                </div>
              </form>
             
                  </div>
                </div>
                       </div>
    
            <!--End content -->
    
    
    <br/><br/>
    .:War Record (Full Out):.<br/>
    Victories: 9 <br/>
    Draws: 0 <br/>
    Defeats: 3 <br/></marquee></td>
    </font></center>
    <td class="row4" colspan="1">
    
    <!---BEGIN RIGHT SIDE NEWS--->
    
    <center>
    
    <!-- START RIGHT SIDE LINKS -->
    
    <font color='grey'><b><u>~Allied Clans~</b></u></font>
    <br/>
    
    <a href='http://shadowlegion.ipbfree.com'><span style='color:brown'>-Shadow Legion-</span></a><br/>
    
    <br/>
    <font color='grey'><b><u>~Recruitment Topics~</b></u></font>
    
    
    <br/>
    <a href='http://runescape.salmoneus.net/forums/index.php?showtopic=205642'><span style='color:brown'>-Sals Recruitment Thread-</span></a>
    <br/>
    
    <a href='http://www.zybez.net/community/index.php?showtopic=1137017'><span style='color:brown'>-RSC Recruitment Thread-</span></a>
    <br/>
    
    <a href='http://forum.tip.it/viewtopic.php?f=173&t=767233'><span style='color:brown'>-Tip It Recruitment Thread-</span></a>
    <br/>
    
    <a href='http://www.runehq.net/RHQInn/index.php?showtopic=158738'><span style='color:brown'>-RHQ Recruitment Thread-</span></a>
    <br/>
    
    <a href='http://www.runelegion.net/forums/index.php?showtopic=625'><span style='color:brown'>-RL Recruitment Thread-</span></a>
    <br/>
    
    <font color='grey'><br/>
    ---------------------------------------
    </font>
    <br/>
    
    
    <font color='grey'><b><u>~Tribune/MOTM~</b></u></font>
    <br/>
    
    <img src="http://i101.photobucket.com/albums/m72/jackal5159/Specialist.gif"></img><span class="tribunestyle"><a href="http://www.rs-bse.com/index.php?showuser=58">Dark Elf2288</a></span>
    </font>
    
    
    
    </tr><tr>
    </tr></center>
    </table>
    </div>
    </div>
    
    <table align="center" border="0" width="92%" cellspacing="0" cellpadding="0" class="tableborder">
    <tr><td><table cellpadding="1" cellspacing="1" border="0" width="100%"><tr>
    <td class=align=”center" colspan="3"></td></tr><tr><td width="70%" valign="middle" class="row4">
    
    
    
    </td></tr></table></td></tr></table>
    <hr color='grey'>
    
    
    <br/>
    <br/>
    
    <% MEMBER BAR %>
    <% NAVIGATION %>
    <!--IBF.NEWPMBOX-->
    <% BOARD %>
    <% BOARD FOOTER %>
    
    
    
    
    
    
    <% STATS %> 
    <% COPYRIGHT %><br />
    <table style='padding: 0;' cellspacing='0' cellpadding='0' width='100%'>
    <tr>
    <td style='padding: 0;' align='left'><img src='style_images/<#IMG_DIR#>/copyrightleft.gif'></td>
    <td style='background: url(style_images/<#IMG_DIR#>/copyrighttile.gif); padding: 0; margin: 0;' width='100%' align='center' height='67px'><a href='http://theskinnery.com'><img src='style_images/<#IMG_DIR#>/copyright.gif'></a></td>
    <td style='padding: 0;' align='right'><img src='style_images/<#IMG_DIR#>/copyrightright.gif'></td>
    </tr>
    </table>
          </td>
          <td class="right_middle" style="padding: 0px" valign="top" align='left'> <img src="style_images/<#IMG_DIR#>/right_top.gif"  alt="" /></td>
        </tr><tr>
          <td cellpadding="0" class="left_top" style="padding: 0px" height="100%">&nbsp;</td>
    	  <td cellpadding="0"  class="right_middle" style="padding: 0px" height="100%">&nbsp;</td>
        </tr><tr>
          <td valign="bottom" class="left_top" style="padding: 0px"> 
    <a href="javascript:scroll(0,0);"><img src="style_images/<#IMG_DIR#>/left_bottom.gif" alt="" /></a></td>
          <td class="right_middle" style="padding: 0px" valign="bottom"> <img src="style_images/<#IMG_DIR#>/right_bottom.gif" alt=""  /></td>
        </tr></table>
    </div>
    </body> 
    </html>

    Here is the css from stylesheet that relates to that:

    Code:
    /* 
     * ========================================
     * scotts ranks of bloodshed hyperlink styles - Caesar
     * ========================================
     */
    
    .caesarstyle a:link,
    .caesarstyle a:visited,
    .caesarstyle a:active{
    	background: transparent;
    	color: #ff0000;
    	text-decoration: none;
    	font-weight: bold;
    }
    
    .caesarstyle a:hover{
    	background: transparent;
    	color: #ff0000;
    	text-decoration: underline;
    	font-weight: bold;
    }
    
    /* 
     * ========================================
     * scotts ranks of bloodshed hyperlink styles - Consul
     * ========================================
     */
    
    .consulstyle a:link,
    .consulstyle a:visited,
    .consulstyle a:active{
    	background: transparent;
    	color: #98afc7;
    	text-decoration: none;
    	font-weight: bold;
    }
    
    .consulstyle a:hover{
    	background: transparent;
    	color: #98afc7;
    	text-decoration: underline;
    	font-weight: bold;
    }
    
    /* 
     * ========================================
     * scotts ranks of bloodshed hyperlink styles - Senator
     * ========================================
     */
    
    .senatorstyle a:link,
    .senatorstyle a:visited,
    .senatorstyle a:active{
    	background: transparent;
    	color: #008080;
    	text-decoration: none;
    	font-weight: bold;
    }
    
    .senatorstyle a:hover{
    	background: transparent;
    	color: #008080;
    	text-decoration: underline;
    	font-weight: bold;
    }
    
    /* 
     * ========================================
     * scotts ranks of bloodshed hyperlink styles - General
     * ========================================
     */
    
    .generalstyle a:link,
    .generalstyle a:visited,
    .generalstyle a:active{
    	background: transparent;
    	color: #678721;
    	text-decoration: none;
    	font-weight: bold;
    }
    
    .generalstyle a:hover{
    	background: transparent;
    	color: #678721;
    	text-decoration: underline;
    	font-weight: bold;
    }
    
    /* 
     * ========================================
     * scotts ranks of bloodshed hyperlink styles - Tribune
     * ========================================
     */
    
    .tribunestyle a:link,
    .tribunestyle a:visited,
    .tribunestyle a:active{
    	background: transparent;
    	color: #4169e1;
    	text-decoration: none;
    	font-weight: bold;
    }
    
    .tribunestyle a:hover{
    	background: transparent;
    	color: #4169e1;
    	text-decoration: underline;
    	font-weight: bold;
    }

    Link to whole stylesheet: http://pastebin.com/d748b0abe

    As I said before, any help would be very greatly appreciated. Obviously I'm not an expert in css or html but I get by



    Thanks EXTREMELY much in advance :P

    Scott

  • #2
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    844
    Thanks
    11
    Thanked 79 Times in 77 Posts
    Some may be having problems depending on the browser they are using because of the following coding errors:

    CSS
    HTML (228 Errors, 7 warnings)

    Many are easy to fix. Like named colors are not to be used as some browsers have no idea what they should use. Some named colors also have the SAME hex color value. Always best to use proper color coding.

    You are coding for an XHTML 1.0 Transitional DocType and that is very tight coding and the browser will parse the pages accordingly.
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •