Hello and welcome to our community! Is this your first visit?
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 2013
    Thanked 0 Times in 0 Posts

    Backround Image in Older Versions

    Hi all,

    I'm trying to make a website for a local group. I used Microsoft Expression Web 4 to develop the current index page but the background doesn't show on older computers. I'm using Windows 8 w/ Chrome. The website needs to be viewable on Council and College/Uni computers that use older versions of Internet Explorer so I was thinking that may be the problem?

    The website is a main index page, which takes information from 'content' pages.

    Here's the code below:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
            background-image: url('images/body.png'), url('images/bg.gif');
    background-repeat: repeat-y, repeat;
    background-position: center;
    	.auto-style1 {
    		text-align: center;
    	.auto-style5 {
    		font-size: xx-large;
    	<style type="text/css"> 
    .dyclogo { top: 25px; left: 255px; }  
    .auto-style6 {
    	border-width: 0px;
    <meta content="en-gb" http-equiv="Content-Language" />
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <base target="InlinePageBrowser" />
      <p class="auto-style1">
      &nbsp;<img class="auto-style5" height="160" src="images/header-l.png" width="27" /><img class="auto-style5" height="160" src="images/header-m.png" width="28" /><img height="160" src="images/header-mm.png" width="671" /><img class="auto-style5" height="160" src="images/header-m.png" width="28" /><img class="auto-style5" height="160" src="images/header-r.png" width="27" /></p>
      <p class="auto-style1">
      <a href="content/home.html" target="InlinePageBrowser">
      <img height="54" src="images/buttons/home.png" width="84" class="auto-style6" /></a><a href="content/about.html"><img height="54" src="images/buttons/about.png" width="107" class="auto-style6" /></a><a href="content/policies.html"><img height="54" src="images/buttons/policies.png" width="121" class="auto-style6" /></a><a href="content/calendar.html"><img height="54" src="images/buttons/calendar.png" width="96" class="auto-style6" /></a><a href="content/consultation.html"><img height="54" src="images/buttons/consultation.png" width="130" class="auto-style6" /></a><a href="content/msyps.html"><img height="54" src="images/buttons/msyps.png" width="95" class="auto-style6" /></a><a href="content/contact.html"><img height="54" src="images/buttons/contact.png" width="118" class="auto-style6" /></a><a href="content/links.html"><img height="54" src="images/buttons/links.png" width="79" class="auto-style6" /></a></p>
      <p class="auto-style1">
      <iframe id="I1" border="0" frameborder="0" name="InlinePageBrowser" style="width: 837px; height: 660px" src="content/home.html">
      Your browser does not support inline frames or is currently configured not to display inline frames.
    When opened on a council or college computer the background and body images just don't show up. Does anyone know what the problem is and how this can be fixed?

    Thanks in advance :-)
    - J

  2. #2
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Thanked 33 Times in 33 Posts
    older browsers do not understand multiple background images; so they ignore the background-image rule.

    You have to keep it to one background image if you want to support old browsers.
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help


  3. Users who have thanked COBOLdinosaur for this post:

    LattesAllRound (11-17-2013)


Tags for this Thread

Posting Permissions

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