Results 1 to 2 of 2

Thread: Browser compatibility issues

  1. #1
    Join Date
    Jun 2012
    Posts
    30
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Cool Browser compatibility issues

    I have a list where I have used an image for the bullet points. It comes out fine in firefox and chrome, but explorer doesn't want to play ball and cuts the text at the bottom. Also explorer won't show the text shadow I have applied to the text. Below is the code I'm using and the website, bullet points are near the bottom.


    http://euro.ismywebsite.co.uk/reach.php

    CSS
    Code:
    .thermoinfo {
    	height:500px;
    	margin-left: 50px;
    	list-style-type: disc;
    	list-style-image:url(../Images/bullet.fw.png);
    	font-size:16px;
    	font-weight:bold;
    	color:#FFFFFF;
    	text-shadow:2px 2px 3px #000000;
    }
    
    .thermorinfo li{
    	margin-bottom:5px;
    }
    HTML

    HTML Code:
    <ul class="thermoinfo">
            	<li>Hot water exterior window cleaning.</li>
                <li>Commercial exterir building clean.</li>
                <li>Monthly or quarterly visits.</li>
                <li>Contact us for a free quotation.</li>
            </ul>
    Last edited by jscheuer1; 04-05-2014 at 04:13 AM. Reason: Format

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    First thing I would try is getting rid of this meta tag:

    Code:
    <meta content="IE=7;FF=3;OtherUA=4" http-equiv="X-UA-Compatible" />
    Newer (like 9 and up, maybe even 8) IE should then be OK.

    Also I notice that the list image has a transparent section at the top making it higher than it actually appears. If it still needs to be tweaked, I would get rid of that and possibly add top and/or bottom padding to the .thermorinfo li selector.

    BTW, as far as I can see, there is no:

    Code:
    .thermorinfo li{
    	margin-bottom:5px;
    }
    Actually having that may or may not help
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Replies: 2
    Last Post: 12-29-2010, 04:33 AM
  2. compatibility issues
    By hdblk08 in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 02-11-2008, 07:13 PM
  3. Flash Compatibility Issues
    By puppies in forum Flash
    Replies: 2
    Last Post: 07-28-2007, 03:18 PM
  4. scrollable content II compatibility issues
    By ghostdeer in forum Dynamic Drive scripts help
    Replies: 10
    Last Post: 12-10-2005, 04:01 PM
  5. Jim's DHTML Menu 5.7 Browser Compatibility Issues
    By creative in forum Dynamic Drive scripts help
    Replies: 10
    Last Post: 06-22-2005, 09:30 AM

Bookmarks

Posting Permissions

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