Re: [WSG] Background image in IE
It's being affected by the float on #nav so you need to clear the content that comes after it correctly. On Fri, 03 Aug 2007 11:21:29 +1000, Lyn Patterson [EMAIL PROTECTED] wrote: Good morning http://www.plecomadness.com/index.html Can someone tell me why my background image on #container in IE7/6 (large pic on right) is not positioned at the very edge of the screen as it is correctly in Fx, Opera and Safari? Thanks! Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Background image in IE
Good morning http://www.plecomadness.com/index.html Can someone tell me why my background image on #container in IE7/6 (large pic on right) is not positioned at the very edge of the screen as it is correctly in Fx, Opera and Safari? Thanks! Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
Stephen Rosman wrote: Maybe you could try: * Adding the background image to the body instead of the div? * Floating the div right? Thank you - I will try that In what way does it mess up Firefox? Causes horizontal scrolling Thanks *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
Steven Rosman wrote: In IE a block is, by default, only as wide as the content. If you add width: 100% to it it might help. I already tried that - it messes severely with Fx etc. When I used the IE AIS I noticed that the container didn't reach the edge of the screen which was when I tried Width: 100%. I noticed that in the source code you have an opening div that isn't closed - doesn't seem to be breaking anything though... H - it validates but will check thanks. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
It's being affected by the float on #nav so you need to clear the content that comes after it correctly. I clear #nav but it hasn't made any difference, thanks. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
John Faulds wrote: It's being affected by the float on #nav so you need to clear the content that comes after it correctly. You are quite right - I didn't clear it properly - at least as far as IE is concerned - so I added a .clear after the #nav and this has fixed the positioning - now all I need to do is revise some margins. Thank you! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
* Adding the background image to the body instead of the div? In Fx the image disappears completely. In IE the righthalf of the image is visible but the left half is hidden under #container which is still obviously stopping short of the right hand side of the browser Maybe if the #container didn't have a background colour it wouldn't hide the background image on the body? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
If you add width: 100% to it it might help. I already tried that - it messes severely with Fx etc. When I used the IE AIS I noticed that the container didn't reach the edge of the screen which was when I tried Width: 100%. Maybe you could try: * Adding the background image to the body instead of the div? * Floating the div right? In what way does it mess up Firefox? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
Stephen Rosman wrote: Maybe you could try: * Adding the background image to the body instead of the div? In Fx the image disappears completely. In IE the righthalf of the image is visible but the left half is hidden under #container which is still obviously stopping short of the right hand side of the browser *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
In IE a block is, by default, only as wide as the content. If you add width: 100% to it it might help. I noticed that in the source code you have an opening div that isn't closed - doesn't seem to be breaking anything though... On 8/3/07, Lyn Patterson [EMAIL PROTECTED] wrote: Good morning http://www.plecomadness.com/index.html Can someone tell me why my background image on #container in IE7/6 (large pic on right) is not positioned at the very edge of the screen as it is correctly in Fx, Opera and Safari? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background image in IE
Stephen Rosman wrote: Maybe if the #container didn't have a background colour it wouldn't hide the background image on the body? Things only got worse LOL John Faulds was correct originally - I added a different clear method to #nav and now IE matches Fx etc - I just have to revise some margins and it should be OK. Thanks for replies! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] background image differences IE and Firefox
In my style sheet for www.victorianixon.com I have used a wrapper and horizon technique to get the design to sit in the middle (vertical and horizontal) of the screen but the background image I've applied to the wrapper is exactly where I want it to be in IE but in Firefox the background of the wrapper is fixed positioned to the left hand edge of the screen - so when you expand and contract the browser window it's all screwed up. I've already got an image positioned inside the wrapper which stays still so I suppose I could always apply another layer but it seems so much easier toapply styles tothe background...anybody got any ideas? Regards Paul West www.theexperiencenetwork.co.uk "Experience the Experience"
