CODEWITHSUNDEEP
imagefirefox
user3302531
user3302531

Reputation: 3

Image's don't appear in Firefox

I created a site, http://www.samenwerkendepsychologenamsterdam.nl/ It works fine, the CSS + HTML is not great but it works.

Either way, for the header (the big image) I created an empty fixed size div with a background image.

HTML:

<div id="header"></div>

CSS:

div#header {
content:url('images/header1.jpg');
width: 900px;
height: 193px;
margin-top:57px;
}

The images appear fine in Safari, Chrome, etc., but not in Firefox.

Help would be greatly appreciated. Thanks in advance.

Upvotes: 0

Views: 46

Answers (2)

mbrubeck
mbrubeck

Reputation: 604

The CSS content property is allowed only with the ::after and ::before selectors. You should use background-image instead of content in your stylesheet.

Upvotes: 0

Burning Hippo
Burning Hippo

Reputation: 805

Try background instead of content

Upvotes: 1

Related Questions