Flexi CSS Layouts for Dreamweaver Forum


box Flexi CSS Layouts for Dreamweaver
Flexi CSS Layouts is a Dreamweaver Extension that helps you create browser compliant table-less web pages with ease. Unlike other products that are limited to templated CSS layouts with 1, 2 or 3 columns, with Flexi CSS Layouts for Dreamweaver you can build your own custom layout structure without coding.

Find out more about Flexi CSS Layouts for Dreamweaver

Thread: Background graphic SHRINKING to reveal whole height

title left
User Details
message
title right
Steve Day

post date:
2011-08-31 06:47:44
Am completing a charity site. Have one strange little problem...

Example Page : www.sourcetrust.org/press.html

Everything great, except the central BACKGROUND image when viewed on iPad or iPhone:

It's shrinking to fit within the box it's being assigned to, so the background graphic looks tiny.

It's alligning left correctly, but it's cramming the whole graphic's height into the box.

Here is the CSS:

div.cssLO .VRCPress_box_content_design{
background-color:transparent;
background-attachment:scroll;
background-repeat:no-repeat;
background-position:0px 0px;
background-image:url('../../bg/general_body_blank.jpg');
margin:0px;
padding:0px;
min-height:715px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
height:auto !important;
height:715px;
}

Any clues? We have a launch shortly, and it will be shown on... yes, IPAD!!!

I am already using these to resize the whole page:

-webkit-text-size-adjust: none; / <meta name="viewport" content="width=1080" />

...But it doesn't affect the home page : www.sourcetrust.org/index.html


Many thanks for a resolve....
Steve
Steve Day

post date:
2011-08-31 07:04:10
I have shortened the graphic to 1500 pixels (from 2000) ...and that seems to deal with it...!

Any answers as to why that's so..?

I'm stumped...

Steve
Andrei Rinciog [Extend Studio]

post date:
2011-08-31 08:12:44
Hello Steve,

The press.html page gives me a page not found error so I can't view it. The background image that you are using was not created by our extension, so it should be the dimension you gave it.

Maybe I didn't understand the question very well. Could you please send me the address to a different page or put the press.html page back online?

Regards,
Andrei Rinciog
Steve Day

post date:
2011-08-31 08:46:11
I am a twit -

http://sourcetrust.org/new/press.html
http://sourcetrust.org/new/index.html

Apologies. As I mentioned, I fixed the issue by shortening the background graphic from 2000 to 1500 pixels in height, but totally in the dark as to why there is a limitation on the Y length of a graphic...

Steve

ps. Unlike a few unhappy ones here, I've found this product to greatly save time when creating large scale template options. Fabulous!
Steve Day

post date:
2011-09-02 04:40:54
Any info on the Y length graphic limitation, which only seems to reveal itself in iPad/iPhone/Android....?
Elena Tepardea [Extend Studio]

post date:
2011-09-02 05:01:50
Hello,

We are still working on this issue and we'll come with an answer as soon as possible.

Regards,
Elena Tepardea