Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

IE background image no-repeat issue

Thread began 5/05/2012 5:25 pm by javier438812 | Last modified 5/07/2012 10:07 am by Jason Byrnes | 1191 views | 1 replies |

javier438812

IE background image no-repeat issue

Hello,

I am in need of a caring soul that could help me figure out this IE rendering problem.

When I go to this page IE 8 ignores the no-repeat in the background image and things start to get out of whack. Similar things happens with IE6 and IE7 as well.

Of course if you look at it on FF, Chrome, etc everything is nice and orderly.

1

I've already assigned a height to the background image using a span. Wouldn't that normally take care of it?

Any help that would point me to the right direction would be greatly appreciated.

Sign in to reply to this post

Jason ByrnesWebAssist

if i use IE 9 set to I* Rendering engine, and inspect the page architecture using the devoper tools of IE 9, it shows a problem with the articles being nested on inside the other:


article
-article
--article


rather than each one at the same level:
article
article
article


viewing the page source, there are a couple things wrong i see:

1) an extra closing a tag:

<a href="/citypark">City Park</a>

</a>

2) single quotes around style attributes:
<span style='display: block; width: 96px; height: 96px; border: 4px solid #FAAF41; background-image: url("https://s3.amazonaws.com/agrosica-prod-social/4f7b152d7283cf2834000020/preview.jpeg"); background-repeat: no-repeat; background-position: center center;overflow: hidden;' />

should be:<span style="display: block; width: 96px; height: 96px; border: 4px solid #FAAF41; background-image: url('https://s3.amazonaws.com/agrosica-prod-social/4f7b152d7283cf2834000020/preview.jpeg'); background-repeat: no-repeat; background-position: center center;overflow: hidden;" />

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...