100% width backgrounds in a DIV on IE failing

Hi,

It’s easy to create a full width 100% image in a 100% width DIV in a compliant browser

http://www.printlineadvertising.co.uk/demo/backgrounds/

But, IE7 8 is not playing on this one. It creates the DIV at 100% width, but the image remains at the actual size width Try looking at the above URL in Net Renderer Moved

Anyone know how to coax IE into behaving?

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Jul 15, 2010, at 8:54 AM, David Owen wrote:

IE7 8 is not playing on this one. It creates the DIV at 100% width,
but the image remains at the actual size width.

Tried it in netrenderer with 7/8 a few times and it looks fine.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi David,
The only issue I can see is the German dialog box in IE 5.5 - <Moved

:wink:
Regards,
Tim.

On 15 Jul 2010, at 14:54, David Owen wrote:

It’s easy to create a full width 100% image in a 100% width DIV in a
compliant browser

Untitled

But, IE7 8 is not playing on this one. It creates the DIV at 100%
width, but the image remains at the actual size width Try looking
at the above URL in Net Renderer Moved

Anyone know how to coax IE into behaving?

FreewayActions.com - Freeware and commercial actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ah ah, Tod and Tim,

There is a subtle difference, the image is about 1280px wide and is centred (to cover this problem at smaller screen sizes), look at the image sides it does no match the Safari version which is true edge to edge.

In IE the image shows (wrongly) centred at exact 1280px size ~ not 100% width of the browser.

David

On 15 Jul 2010, at 16:29, Todd wrote:

On Jul 15, 2010, at 8:54 AM, David Owen wrote:

IE7 8 is not playing on this one. It creates the DIV at 100% width, but the image remains at the actual size width.

Tried it in netrenderer with 7/8 a few times and it looks fine.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On Jul 15, 2010, at 1:26 PM, David Owen wrote:

There is a subtle difference, the image is about 1280px wide and is
centred (to cover this problem at smaller screen sizes), look at the
image sides it does no match the Safari version which is true edge
to edge.

In IE the image shows (wrongly) centred at exact 1280px size ~ not
100% width of the browser.

Hmmm. OK, I’m not saying this will work but try giving the parent div
a width of 100%, in this case I believe it’s the FW-generated PageDiv.

Todd

Twitter: http://twitter.com/XiiroMedia
Skype: toddbrilliant


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi todd,

Seems there is a trick to make this work: FAQ - stretching a background image

I have not tested it yet

David

On 15 Jul 2010, at 20:12, Todd wrote:

On Jul 15, 2010, at 1:26 PM, David Owen wrote:

There is a subtle difference, the image is about 1280px wide and is centred (to cover this problem at smaller screen sizes), look at the image sides it does no match the Safari version which is true edge to edge.

In IE the image shows (wrongly) centred at exact 1280px size ~ not 100% width of the browser.

Hmmm. OK, I’m not saying this will work but try giving the parent div a width of 100%, in this case I believe it’s the FW-generated PageDiv.

Todd

Twitter: http://twitter.com/XiiroMedia
Skype: toddbrilliant


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options