Re: [css-d] Background image position

On 30/06/2011 6:31 AM, Tom Livingston wrote: List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ In a capable browser, you can see how the large bg image is behaving. This is what I am after and I'm using a media query to achieve this. But I have a couple questions

Re: [css-d] Background image position

> While I appreciate your time, I was not looking to change the way the > page reacts to the viewport, just whether or not there is a better way > to do what I was already doing and if it is possible to have IE7 and 8 > react the same way as capable browsers. > I think Lasko got it dead right

Re: [css-d] Background image position

> Keep it simple. And readable on landing. > > markup > > css > > > > Folds to 400 in FF, Safari, Opera, and Chrome. > Folds to 600 in IE 7/8. > IE 9 not checked. > Not corrected for nor checked in IE 6.

Re: [css-d] Background image position

On Wed, Jun 29, 2011 at 6:04 PM, John D wrote: > > > > >> 1) Is the way I am achieving the effect completely bonkers? Am I >> overlooking a much simpler way? > > That is exactly the way to do what you are trying to do except that I would > fix the image position like this: > > #outer-wrap{backgro

Re: [css-d] Background image position

On 6/29/11 4:31 PM, Tom Livingston wrote: List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ Keep it simple. And readable on landing. markup css Folds to 400 in F

Re: [css-d] Background image position

> 1) Is the way I am achieving the effect completely bonkers? Am I > overlooking a much simpler way? That is exactly the way to do what you are trying to do except that I would fix the image position like this: #outer-wrap{background: #fff url(../Bokeh.jpg) no-repeat fixed 50% top; } The al

Re: [css-d] Background image position

List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ In a capable browser, you can see how the large bg image is behaving. This is what I am after and I'm using a media query to achieve this. But I have a couple questions for you concerning the background image 1

Re: [css-d] Background image position

On Jun 29, 2011, at 1:11 AM, Alan Gresley wrote: > On 29/06/2011 1:55 PM, John D wrote: >> On 29/06/2011 9:01 AM, Tom Livingston wrote: > >>> List, >>> >>> Is it possible to position a background image on the body of a page so >>> that the LEFT EDGE of the image is always at 50% of the viewpo

Re: [css-d] Background image position

On 29/06/2011 1:55 PM, John D wrote: On 29/06/2011 9:01 AM, Tom Livingston wrote: List, Is it possible to position a background image on the body of a page so that the LEFT EDGE of the image is always at 50% of the viewport? Ive googled a bit but not sure im using the right search terms...

Re: [css-d] Background image position

On Wed, Jun 29, 2011 at 4:31 AM, Tom Livingston wrote: > > Is it possible to position a background image on the body of a page so > that the LEFT EDGE of the image is always at 50% of the viewport? Ive > googled a bit but not sure im using the right search terms... > > background: url(image.png) n

Re: [css-d] Background image position

Of course it is possible. put this code for your background: background: white url(background_image.gif) repeat-y 50% 0; In the above code everything is self explanatory except the following: 50% === background position x; 0 === background position y; > List, > > Is it possible to position

[css-d] Background image position

List, Is it possible to position a background image on the body of a page so that the LEFT EDGE of the image is always at 50% of the viewport? Ive googled a bit but not sure im using the right search terms... TIA -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015

Re: [css-d] Background Image Position Problems--Do You Have a Work Around?

Fabienne wrote: > Hello, all. I am creating a Zen Cart for my store and have put an image > in the background of my pages. The webpage is found here: > http://www.possets.com/zen-cart and the CSS can be found here. >

[css-d] Background Image Position Problems--Do You Have a Work Around?

Hello, all. I am creating a Zen Cart for my store and have put an image in the background of my pages. The webpage is found here: http://www.possets.com/zen-cart and the CSS can be found here. In some browsers, the

[css-d] Background Image Position Problems

Hello, all. I am creating a Zen Cart for my store and have put an image in the background of my pages. The webpage is found here: http://www.possets.com/zen-cart and the CSS can be found here. In some browsers, the

[css-d] Background Image Position Problems

Hello, all. I am creating a Zen Cart for my store and have put an image in the background of my pages. The webpage is found here: http://www.possets.com/zen-cart and the CSS can be found here. In some browsers, the i

Re: [css-d] Background Image Position Varies in Different Browsers

On Jul 26, 2006, at 1:16 AM, Ingo Chao wrote: >> page: www.springfieldmogov.org/founders/new.html >> CSS: www.springfieldmogov.org/css/founders.css >> >> Problem: The background image on the #content div is a photo montage >> running down the left side of the page. It's position looks great i

Re: [css-d] Background Image Position Varies in Different Browsers

Chris Akins wrote: > However - I'd still love to know why a background image doesn't work > as intended when attaching to the #content div. Yes, if the browsers can read your intentions through your source-code/CSS, and agree on what it says. > Shouldn't a background image work on either the bod

Re: [css-d] Background Image Position Varies in Different Browsers

Ah, yes - thanks for pointing that out. I've found that if I put the montage as a background image on the body tag instead, I get the desired result. However - I'd still love to know why a background image doesn't work as intended when attaching to the #content div. I did find one coding problem

Re: [css-d] Background Image Position Varies in Different Browsers

Chris Akins wrote: > page: www.springfieldmogov.org/founders/new.html > CSS: www.springfieldmogov.org/css/founders.css > > Problem: The background image on the #content div is a photo montage > running down the left side of the page. It's position looks great in > Firefox, shows a slight gap i

Re: [css-d] Background Image Position Varies in Different Browsers

FYI and FWIW, the gap appears in Firefox too, if you start sizing up the text. >>> On 7/25/2006 at 9:26 AM, in message <[EMAIL PROTECTED]>, "Chris Akins" <[EMAIL PROTECTED]> wrote: > page: www.springfieldmogov.org/founders/new.html > CSS: www.springfieldmogov.org/css/founders.css > > Problem

[css-d] Background Image Position Varies in Different Browsers

page: www.springfieldmogov.org/founders/new.html CSS: www.springfieldmogov.org/css/founders.css Problem: The background image on the #content div is a photo montage running down the left side of the page. It's position looks great in Firefox, shows a slight gap in IE on both PC and Mac, is sub