close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Simple site, IE7 bug?

Thread began 10/12/2009 10:44 am by CraigR | Last modified 10/13/2009 5:11 pm by CraigR | 3219 views | 8 replies |

CraigRBeta Tester

Simple site, IE7 bug?

i have a very simple site i have created for a friend, with a background vignette at the top, which displays perfectly in FF3, Chrome and Safari, but doesn't appear in IE7.

can anyone please tell me what i've done wrong ?

Thanks

www.inkberrowairambulanceball.co.uk

Sign in to reply to this post

Ray BorduinWebAssist

Maybe the repeat <body> and <head> tags... you seem to have one in your footer as well.

Sign in to reply to this post

neilo

If you mean the gradient background when you say 'vignette', then I suppose the easy quick fix (but not the kosher fix) would be to put the body css style in to the head of your documents, and see if IE can wiggle its way out of that one.

<style type="text/css">
<!--
body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
}
-->
</style>

Sign in to reply to this post

CraigRBeta Tester

Well spotted Ray, the footer include file on my hosting server was an early one, and was responsible for the duplicate tags, and i hadn't updated it with my local version ( i now have)

unfortunately, this didn't fix the problem.

the funny thing is, all of the other css works fine, just the background doesn't and the file path is identical for all the images

i will try neilo's suggestion next.

Sign in to reply to this post

Ray BorduinWebAssist

Looking at your sample again... some of your style and script tags aren't in the <head>...

I don't think that is this problem either, but I'd move them.

Sign in to reply to this post

Ray BorduinWebAssist

The actual problem is this content at the bottom of your CSS include:

</style>
<style type="text/css" media="print">
<!--
/* It is common to set printer friendly styles such as a white background with black text. */
body {
background-color: #fff;
background-image: none;
border-color: #000; /* Sets the border color properties for an element using shorthand notation */
color: #000;
}

Since your css is in a separate file it shouldn't use <style> tags, and you would want a separate css file for your print styles, you can't add them like this.

If you just remove that code it displays properly.

Sign in to reply to this post

CraigRBeta Tester

Thanks again Ray.

i was a bit zealous in getting the navigation as an include and moved the styles as well as the menu code.

You were also correct in that it didn't make a difference.

I also tried neilo's sugestion, in adding the style directly to the head section of my page, and it works, so i now get a consistent style across the browsers. - thanks Neilo, but i'm not satisfied that its the best answer.

i'm open to more suggestions

Sign in to reply to this post

Ray BorduinWebAssist

My most recent response has the real answer... you must have missed it.

Sign in to reply to this post

CraigRBeta Tester

Thanks very much Ray, that's fixed it.

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...