Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › General / Announcements › CSS › Simple site, IE7 bug?

Simple site, IE7 bug?

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

10/12/2009 7:44 am | #1 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

10/13/2009 8:26 am | #2 Ray BorduinWebAssist

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

Did this help? Tips are appreciated...

10/13/2009 9:51 am | #3 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">

</style>

10/13/2009 11:14 am | #4 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.

10/13/2009 12:22 pm | #5 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.

Did this help? Tips are appreciated...

10/13/2009 12:28 pm | #6 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.

Did this help? Tips are appreciated...

10/13/2009 12:50 pm | #7 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

10/13/2009 1:12 pm | #8 Ray BorduinWebAssist

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

Did this help? Tips are appreciated...

10/13/2009 2:11 pm | #9 CraigRBeta Tester

Thanks very much Ray, that's fixed it.

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.