Re: [css-d] Fluid iFrame Height? Argh!

2007-11-13 Thread Jon Stockdill 
On Nov 13, 2007 11:58 AM, Les Mizzell <[EMAIL PROTECTED]> wrote:
> I've got a site that needs to make extensive use of material being
> served from an outside source (server external to main site server), and
> about the only way I can seem to keep my formatting to be constant
> across the entire site is to pull the external material into an iFrame.
>
> It there *any* way to make the iFrame height fluid. I need the iFrame to
> expand according to the material being pulled in so there's only the
> browser scrollbars, no iFrame scrollbar.
>
> I've been goofing with this for several days now, and nothing that's
> turned up on any searches I've done has worked so far, and I'm slowly
> starting to run out of hair...
>
> A page on the site using an iFrame would be structured like:
>
> a. header - from server A
> b. intro - from server A
> c. external material - from server B
> (this may contain links going to other pages that needs to
> stay inside this iFrame - but adjust in height according
> to content.)
> d. footer - from server A
>
>
> Any Ideas?
> Any Better Ideas?


Could you move the call from the client to server A and cache it?

--jon
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: Opera/9.23 Mac ::

2007-09-16 Thread Jon Stockdill 
On 9/15/07, David Laakso <[EMAIL PROTECTED]> wrote:
> David Laakso wrote:
> >
> > I have a little rendering mystery. Opera/9.23 Mac is not behave quite
> > the same as Opera/9.23 Win on this page:
> >
> > uri
> > 
> > (I would suggest disabling images unless you plan to take in a movie
> > while you wait for them to load)
> >
> > css
> > 
> >
> > For example, the ul numeral 01 should be red. And it is red in
> > both OS at 100%.
> > But Opera/Mac /does not retain the red color/ at 90% and below, or at
> > 110% and up.
> >
> > On this test page with the ul isolated there is no problem whatsoever
> > in Opera/Mac-- the color of the numeral 01 is red regardless of the
> > percent of font-zoom.
> > 
> >
> > Where have I gone wrong?
> >
> > Thank you.
> >
> > ~dL
> >
>
>
> Thank you for the replies both on and off-list. The good news is I seem
> to be the only one in the world for whom the issue(s) persists.
>
> Best,
>
> ~dL

It renders nicely at 90%,100% and 110% in 9.5 for the mac:

Version
9.50 Alpha
Build
4404
Platform
MacOS X
System
10.4.10

--jon
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] What is a simple alternative to JS+CSS rounded corners

2006-12-28 Thread Jon Stockdill 
Doesn't use images or JS:
http://www.spiffycorners.com/sc.php?sc=spiffy&bg=ff&fg=0a67e6

Uses images, but no JS:
http://www.albin.net/CSS/roundedCorners/examples.html

Please let me know if these work out for you.  I considered them, but
eventually choose Nifty.

--jon




On 12/27/06, Parag Jagdale <[EMAIL PROTECTED]> wrote:
> Thank you for your replies.
>
> Yes, i was talking about NiftyCorners with sytanx that i briefly saw
> looked like this:
> Rounded("div.box_3_1_T","top","transparent","#8BBDF7");
> Rounded("div.box_3_1_T","bottom","transparent","#CFE2F8");
> Rounded("div.box_3_2_T","top","transparent","#4799E6");
> Rounded("div.box_3_2_T","bottom","transparent","#B6D7F7");
> Rounded("div.box_3_3_T","top","transparent","#306799");
> Rounded("div.box_3_3_T","bottom","transparent","#7EB2E1");
>
> I want to avoid that.
>
> The following is what I have implemented with my method:
> http://test.un-identified.com/misc_images/roundedCorners.html
>
> I want to come up with something like that, but i dont believe a JS
> solution will give me such shadowed borders...point me in the right
> direction if there is such a method which uses images!
>
> See how I have freedom with images and shadows in phtosohop, and I am
> limited only by the fact that the width must be fixed?
>
> On 12/27/06, Stephan Wehner <[EMAIL PROTECTED]> wrote:
> > On 12/27/06, Parag Jagdale <[EMAIL PROTECTED]> wrote:
> > > So the company I am working for suggests the use of one of the
> > > Javascript+CSS rounded corners solutions. But I myself do not believe
> > > in using Javascript for pure presentation, and I believe that
> > > sacrificing the bandwidth to load all this JS is not worth the
> > > benefit.
> > >
> > > On the other hand, the solution I currently have is also a little
> > > complex and heavy. It uses 3 images and 3 DIV layers. The header and
> > > footer images in total probably take more bandwidth than the JS in the
> > > other solution. The benefit I see in this solution is that there is no
> > > 3rd party (no JS to worry about). There are only DIV layers and CSS
> > > classes that are already defined, so no JS is involved in
> > > presentation.
> > > Another benefit is that I can give the boxes any type of shadowing and
> > > patterns in Photoshop to make the style of the boxes match the rest of
> > > the site.
> > >
> > > What do you think?
> > >
> > > 
> > > Search Colleges
> > >
> > >
> > > 
> > > 
> > >
> > > portalBox: is a vertically repeating image
> > >
> > > portalBox_head: a fixed width and height rectangle which has a non
> > > repeating image with the top left  and right corners rounded
> > >
> > > portalBox_foot: a fixed width and height rectangle which has a non
> > > repeating image with the bottom left and right corners rounded
> > >
> > > div.portalBox{
> > > float:left;
> > > width: 524px;
> > > text-align:left;
> > > background-image: url(../images/portals/portalBox_blue_re.jpg);
> > > background-repeat: repeat-y;
> > > }
> > > div.portalBox_head{
> > > width: 524px;
> > > height: 25px;
> > > float:left;
> > > background-image: url(../images/portals/portalBox_blue_head.jpg);
> > > background-repeat: no-repeat;
> > > text-align:left;
> > > font-size:14px;
> > > font-weight: bold;
> > > color: #333;
> > > padding: 0.6em 1em;
> > > margin:0;
> > >
> > >
> > > }
> > > div.portalBox_foot{
> > > float:left;
> > > width: 524px;
> > > height: 12px;
> > > background-image: url(../images/portals/portalBox_blue_foot.jpg);
> > > background-repeat: no-repeat;
> > > }
> > >
> > >
> > > What I want to know is am i just being stubborn about not using an
> > > easier solution(The JS), or am I right saying that the solution is too
> > > complex and no JS should be involved?
> > >
> > > If there is a better no JS solution, im all ears!
> > >
> > > Thank You,
> > > Parag Jagdale
> > > __
> > > css-discuss [EMAIL PROTECTED]
> > > http://www.css-discuss.org/mailman/listinfo/css-d
> > > IE7 information -- http://css-discuss.incutio.com/?page=IE7
> > > List wiki/FAQ -- http://css-discuss.incutio.com/
> > > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> > >
> >
> > When I came across this problem I thought, just look at what the
> > javascript does, and use that directly: it manipulates the DOM and
> > inserts spans and divs, as far as I remember. These have classes which
> > produce the appearance of rounded corners.
> >
> > I don't know how this would compare to what you have assembled.
> >
> > In general, I don't think it is wise to let the page appear
> > differently when javascript is turned off.
> >
> > If you are generating the page with PHP, or Rails, or Java, etc. a
> > "helper" method could do the rounding on the server side, instead of
> > the browser