On Jun 29, 2011, at 1:11 AM, Alan Gresley a...@css-class.com 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
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) 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
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
http://chelseacreekstudio.com/mmm.htm
css
http://chelseacreekstudio.com/mmm_files/style000.css
Folds to 400 in FF,
On Wed, Jun 29, 2011 at 6:04 PM, John D xfs...@hotmail.com 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:
Keep it simple. And readable on landing.
markup
http://chelseacreekstudio.com/mmm.htm
css
http://chelseacreekstudio.com/mmm_files/style000.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.
~d
While I
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.
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
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:
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 a
On Wed, Jun 29, 2011 at 4:31 AM, Tom Livingston tom...@gmail.com 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:
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...
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.
http://www.possets.com/zen-cart/includes/templates/magic/css/stylesheet.css
In some browsers, the
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.
http://www.possets.com/zen-cart/includes/templates/magic/css/stylesheet.css
In
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.
http://www.possets.com/zen-cart/includes/templates/magic/css/stylesheet.css
In some browsers, the
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.
http://www.possets.com/zen-cart/includes/templates/magic/css/stylesheet.css
In some browsers, the
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
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 in IE
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
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 in
20 matches
Mail list logo