CSS help please

[Plastic Box]

OK I'm getting to the end of my tether with this!

http://964eagle.co.uk.temp.ourhelmcp.com/OnAir/Schedule.asp

On IE 6, it works fine, but on IE 7 the footer bar at the bottom shows half way up the page.

I fixed this for the front page (which now works in all browsers) - http://964eagle.co.uk.temp.ourhelmcp.com/ - but I cannot get the other pages to play ball.

Can anyone help please!

I'd really appreciate that.

Regards

Gavin

[pgosling]

All fine for me on IE7?

[sladmin]

Fine for me in FF 2.

[Doudar]

Looks ok for me too, IE7 / Vista.

[Ben Collier]

Yeah looks fine- I just think you wanted to show of that you're doing the Eagles site :P

How'd you get the job?

[Carl Shepherdson]

All fine for me too.

[Plastic Box]

Cool - thanks for all your replies!

I must have fixed it then! I'm running IE6 here so it's hard to check - I've been relying on BrowserCam to help out!

[Plastic Box]

Yeah looks fine- I just think you wanted to show of that you're doing the Eagles site :P

How'd you get the job?

It's all to do with who you know lol ;)

I have a radio background.

[Plastic Box]

OK just one problem remains (even though the site has now gone live!)

If you look at the site in IE you'll see a nice "topical banner" as I write it's something to do with the School Holidays. However, on Firefox, this won't show. I've tried everything, but can't get it to work.

Here's the code for the <div> that contains the topical banner:

<div id="topicalimage" style="background:url(../media/topimage/<%=(rs_topicalimagename.Fields.Item("main_image").Value)%>); background-position:right top; background-repeat:no-repeat; width:100%; height: 175px;">

Is there any reason why that won't show in Firefox? I presume Firefox can deal with the dynamic element?

Thanks for your help :)

[Ben Collier]

OK just one problem remains (even though the site has now gone live!)

If you look at the site in IE you'll see a nice "topical banner" as I write it's something to do with the School Holidays. However, on Firefox, this won't show. I've tried everything, but can't get it to work.

Here's the code for the <div> that contains the topical banner:

<div id="topicalimage" style="background:url(../media/topimage/<%=(rs_topicalimagename.Fields.Item("main_image").Value)%>); background-position:right top; background-repeat:no-repeat; width:100%; height: 175px;">

Is there any reason why that won't show in Firefox? I presume Firefox can deal with the dynamic element?

Thanks for your help :)

off the top of my head:

the url needs to be contained in 'these'? Could be the issue?

[Plastic Box]

off the top of my head:

the url needs to be contained in 'these'? Could be the issue?


This bit works fine:

#menu { width: 100%; height: 175px; background: url(../images/menu.jpg) no-repeat; border-top: 1px solid #fff; }

But it seems no different!

I took out the dynamic element and it still doesn't work.

Very confused!!

[Andrew Taylor]

Try playing with this bit:

background-position:right top;

Otherwise, if you can post the full code, I'll have a quick look

[Plastic Box]

Try playing with this bit:

background-position:right top;

Otherwise, if you can post the full code, I'll have a quick look


<div style="background:url(../media/topimage/<%=(rs_topicalimagename.Fields.Item("main_image").Value)%>); background-position:right top; background-repeat:no-repeat; width:100%; height: 175px;"></div>

I've run this all by itself away from the rest of the content and it still shows nothing. I've even tried it with some text in the div, and still nothing.

It's really odd, as I've pretty much replicated the background the menu header (the orange background with circles on it) as that displays just fine!

www.964eagle.co.uk (http://www.964eagle.co.uk) shows the site.

[Andrew Taylor]

Remove the space from the image name and it should work ok

[Plastic Box]

Remove the space from the image name and it should work ok

I knew it'd be something stupid like that! Thank you so much! That really has saved me from pulling ALL of my hair out!

I'm now happy that the site displays properly in Firefox and IE 6 and 7.

Cheers

Gavin

[Andrew Taylor]

No problem, took me a while to work it out, luckily my html software has a CSS checker built in which flags up errors.