Atrium banner doesn't show up in Chrome and Firefox

Use this board to ask questions or have discussions with other Atrium users.
Post Reply
siavash
Profound User
Posts: 30
Joined: Mon Apr 01, 2013 9:50 am
First Name: Siavash
Last Name: Askari
Company Name: Erb Transport
City: New Hamburg
State / Province: Ontario
Country: Canada
Contact:

Atrium banner doesn't show up in Chrome and Firefox

Post by siavash »

Hi

For some reason the Atrium banner doesn't show up in Chrome and Firefox ( Haven't try the IE9) but it works perfect in IE8.
Attachments
IE8
IE8
Atrium_banner_issue2.jpg (226.59 KiB) Viewed 2470 times
Chrome
Chrome
Atrium_banner_issue1.jpg (150.12 KiB) Viewed 2470 times
Siavash Askari
Scott Klement
Experienced User
Posts: 2711
Joined: Wed Aug 01, 2012 8:58 am
First Name: Scott
Last Name: Klement
Company Name: Profound Logic
City: Milwaukee
State / Province: Wisconsin

Re: Atrium banner doesn't show up in Chrome and Firefox

Post by Scott Klement »

Please attach the code for your banner, as well as the image file that's not showing up. I'll take a look and see if there's anything that stands out as something that wouldn't work in Chrome/FF...
siavash
Profound User
Posts: 30
Joined: Mon Apr 01, 2013 9:50 am
First Name: Siavash
Last Name: Askari
Company Name: Erb Transport
City: New Hamburg
State / Province: Ontario
Country: Canada
Contact:

Re: Atrium banner doesn't show up in Chrome and Firefox

Post by siavash »

Attached please find the Atrium user settings and the banner HTML/CSS file
Atrium user settings
Atrium user settings
Atrium_banner_issue5.jpg (218.78 KiB) Viewed 2462 times
HTML content of the banner

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Atrium Web Portal Banner</title>
    <link rel="stylesheet" type="text/css" href="/profoundui/userdata/css/Erb_atrium_banner.css" media="all" />
  </head>
  <body class="Atrium-banner">
    <div class="Spring-banner1"></div>
  </body>
</html>
And the CSS content

Code: Select all

div.Spring-banner1 {
  margin: 0px; 
  width: 100%;
  height: 100px;
  background-image: url(/profoundui/userdata/images/ErbBanners/Spring Banner 1.jpg);
  background-repeat: repeat-x;
}
div.Spring-banner2 {
  margin: 0px; 
  width: 100%;
  height: 100px;
  background-image: url(/profoundui/userdata/images/ErbBanners/Spring Banner 2.jpg);
  background-repeat: repeat-x;
}
Attachments
The image file
The image file
Spring Banner 1.jpg (36.27 KiB) Viewed 2462 times
Siavash Askari
Scott Klement
Experienced User
Posts: 2711
Joined: Wed Aug 01, 2012 8:58 am
First Name: Scott
Last Name: Klement
Company Name: Profound Logic
City: Milwaukee
State / Province: Wisconsin

Re: Atrium banner doesn't show up in Chrome and Firefox

Post by Scott Klement »

I don't know if it matters, but, I'm used to seeing quotes around the URL in the CSS file. It should be easy to try... can you add quotes so it looks like this?

Code: Select all

background-image: url("/profoundui/userdata/images/ErbBanners/Spring Banner 1.jpg");
Let me know if that helps... if not, I'll try something else...
siavash
Profound User
Posts: 30
Joined: Mon Apr 01, 2013 9:50 am
First Name: Siavash
Last Name: Askari
Company Name: Erb Transport
City: New Hamburg
State / Province: Ontario
Country: Canada
Contact:

Re: Atrium banner doesn't show up in Chrome and Firefox

Post by siavash »

Perfect. It works with the way you've mentioned.

Thank you Scott
Siavash Askari
Post Reply

Who is online

Users browsing this forum: No registered users and 0 guests