Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3

Thread: CSS Issue in FF

  1. #1
    Junior Member aceadrian1's Avatar
    Join Date
    Feb 2005
    Posts
    23
    Member #
    8990
    I'm having trouble getting to the root of a problem with some CSS in FF. It works fine in IE and validates. The page I'm referring to is at http://homepage.ntlworld.com/busolin.../v2/index.html and the css is at http://homepage.ntlworld.com/busolin...sis/v2/css.css

    The issue is with the right hand bar titled "News". It is constructed with a top image, a bottom image and a background fill in the middle. It is located in a td width 150px. The images are 150px wide, but include white space to the right to create a gap. FF doesn't display the images and ignores the sizing of the div with the background colour and text in.

    The relevant HTML is:

    Code:
          <td width="150" id="img-bar"                       ><br>
    		<div id="img-bar-top"></div>
    		<div id="img-bar-data">
    		<div id="img-bar-text-title">
    		<!--  DATA TITLE START  -->
    		<!--//////////////////////////////////////////  EDIT BELOW THIS LINE  //////////////////////////////////////////-->
    		News
    		<!--//////////////////////////////////////////  EDIT ABOVE THIS LINE  //////////////////////////////////////////-->
    		<!--  DATA TITLE END  -->
    		</div>
    		<span id="img-bar-text-data">
    		<!--  DATA TEXT START  -->
    		<!--//////////////////////////////////////////  EDIT BELOW THIS LINE  //////////////////////////////////////////-->
    		Don is currently taking appointments. Please contact him for further information.
    		<!--//////////////////////////////////////////  EDIT ABOVE THIS LINE  //////////////////////////////////////////-->
    		<!--  DATA TEXT END  -->
    		</span>
    		</div>
    		<div id="img-bar-bottom"></div>
    
    
    	  </td>
    The relevant CSS is:

    Code:
    #img-bar {
    	vertical-align: top;
    	width: 136px;
    }
    #img-bar-top {
    	background: url(img/sidebar-top.gif) no-repeat;
    	background-position: bottom;
    	width: 150px;
    }
    #img-bar-data {
    	background-color: #DDECF0;
    	text-align: left;
    	vertical-align: top;
    	padding: 0 6px 6px 6px;
    }
    #img-bar-text-title {
    	font-size: large;
    	color: #03BFE1;
    	padding: 6px 0 6px 0;
    }
    #img-bar-text-data {
    	font-size: small;
    	color: #000000;
    }
    #img-bar-bottom {
    	background: url(img/sidebar-bottom.gif) no-repeat;
    	width: 150px;
    }
    If anyone could shed some light on this, I'd be very grateful.
    "Those who would give up essential liberties for a measure of security, deserve neither liberty nor security"
    -- Benjamin Franklin

  2.  

  3. #2
    Junior Member
    Join Date
    Apr 2005
    Posts
    23
    Member #
    9543
    it's working for me...Firefox on windows2000

  4. #3
    Member
    Join Date
    Jan 2005
    Posts
    97
    Member #
    8727
    Same here, Firefox 1.0+ on XP.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:26 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com