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.
Atrium banner doesn't show up in Chrome and Firefox
-
- 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
- Attachments
-
- IE8
- Atrium_banner_issue2.jpg (226.59 KiB) Viewed 2658 times
-
- Chrome
- Atrium_banner_issue1.jpg (150.12 KiB) Viewed 2658 times
Siavash Askari
-
- 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
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...
-
- 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
Attached please find the Atrium user settings and the banner HTML/CSS file
HTML content of the banner
And the CSS content
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>
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
- Spring Banner 1.jpg (36.27 KiB) Viewed 2650 times
Siavash Askari
-
- 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
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?
Let me know if that helps... if not, I'll try something else...
Code: Select all
background-image: url("/profoundui/userdata/images/ErbBanners/Spring Banner 1.jpg");
-
- 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
Perfect. It works with the way you've mentioned.
Thank you Scott
Thank you Scott
Siavash Askari
Who is online
Users browsing this forum: No registered users and 0 guests