Img size height="100%" OK?

I want my images to it in the viewer's window.
Making the height="100%" does that. But only if I do not
specify a width.
It works in Safari on my Mac. Firefox displays the image in
native size. Are there browsers that will distort the image?
Here is my test page, using 97% for the height.
http://tinyurl.com/rasxc
Is there a way to do this with tables or div or ? Since all
browsers don't work with img %s, perhaps my only choice is to wrap
the image in a Flash movie.

I agree... Sizing your images doesn't seem like a good idea
at all..
If you really "must" display your images this way, then I
think the
crash's take on it is quite good.
Maybe there is also a javascript which would do the job, but
I tend to
stay away from js as the user may smiply have it disabled...
Anurag
crash wrote:
> Why? What are you tryign to accomplish? THis is not a
good way to size
> images.
>
> The best way that I can think of would be to run aserver
side script and get
> the size of the user's viewport, then use PHP's GDI to
manipulate your image
> size.
>
> The way you're sizing that thing right now is ugly.
You're just resizing
> the display, nto the actual image.
>
>
> "Wholeo" <[email protected]> wrote in
message
> news:eadk16$l5i$[email protected]..
>> I want my images to it in the viewer's window.
>> Making the height="100%" does that. But only if I do
not specify a width.
>> It works in Safari on my Mac. Firefox displays the
image in native size.
>> Are
>> there browsers that will distort the image?
>>
>> Here is my test page, using 97% for the height.
>>
http://tinyurl.com/rasxc
>>
>> Is there a way to do this with tables or div or ?
Since all browsers don't
>> work with img %s, perhaps my only choice is to wrap
the image in a Flash
>> movie.
>>
>
>

Similar Messages

  • Applet size width and height = 100%

    Hello All.
    I am using the large font in windows. So I’ve change the applet size in formsweb.cfg file to width=100% and height=100%. Now the applet area fills the browser windows when I maximize it. But if I try to resize it using the mouse from the lower right corner. The form will be busy and never respond to any event and staying like this forever.
    Is there any one come across the problem?
    I am using
    Application server 10g (9.0.4)
    Form 9i
    Client PC (windows 2000)

    Ooookay ..... then how come I've got an demo of
    someone's applet here that does exactly this, i.e.
    draws outside of it's original size ?
    Show us the demo.
    How might they do it ? (dont really want to decompile
    someone else's class file, coz that's rude :-)Maybe someone will do it for you; the impossible has always attracted the human mind.

  • Images are no longer scaling with (img {max-width: 100%; }) in css as of update 34.0.5 in firefox, this still works great in IE and chrome.

    My website worked great until firefox update 34.0.5. Now the images will not scale to fit the box anymore. I am using flexbox so that the site scales to fit the size of the browser. In css I set img {max-width:100%;} and this would make the jpg files automatically size to fit the box they were in, but not anymore as Mozilla has really screwed this up with update 34.0.5. My site still works great with IE and Chrome but 70% of my web traffic is using firefox so I really would like this to work in firefox.
    Any help is greatly appreciated!

    I had the same problem, and this worked for me:
    img {max-width:100%; width:100%;}

  • Height:100% is actually more than 100% of screen window??

    Hello,
    Here is a link to the page in question:
    www.aiwebsites.net/products
    I am trying to make the div with all the product descriptions
    size to height:100% of the users screen. Right now I have the body
    height set to 88% so that the main content will fit most screens
    pretty nicely, but it's not perfect by any means. If I size
    body:100% the scroll_content div gets too large. I would love to
    have the scroll_content div end at the bottom of the screen for
    each screen size and resolution. I know the reason for this glitch
    is some conflict with my padding or margin in my rather large
    stylesheet, but I just can't figure it out. Any help would be MUCH
    appreciated! Let me know if you can't see my css/html and I'll be
    glad to post it (I guess I'm assuming you all have the web
    developer extension for Firefox).

    .oO(daniel-son)
    >I hear what you all are saying, but I have already
    decided this is the best way
    >to display my content on this particular page. There are
    real reasons for this:
    There's hardly a reason to intentionally decrease a site's
    usability.
    I've already seen sites with 3 (three!) adjacent vertical
    scrollbars
    caused by such scrolling boxes. Can you imagine how stupid
    this looked
    and how bad it was to use?
    Your site also causes two vertical and one horizontal bar
    here. Two of
    them are totally unnecessary.
    > 1) the main reason being if people scroll down away from
    the "Estimate Widget"
    >and then add a product to their estimate, the most
    important aspect of my
    >website, the Estimate Widget, will be out of sight and
    not serving its purpose.
    >People won't see it updating and might click the "Add"
    button more than once,
    >or just might forget it's up there all together.
    There are other ways to keep such elements in place, even if
    the entire
    rest of the page is scrollable in a normal way. This is one
    of the rare
    situations where absolute positioning might be a helpful
    option.
    > 2) eventually I will have all many product descriptions
    on that one page,
    Very long pages should be split, which is much better than a
    tiny little
    hard-to-grab scrollbar slider.
    >making people "far" from all the important navigation
    links. Meaning there will
    >be no quick way to navigate all the products. [...]
    People are used to that. The [pos1] key exists and some sites
    even use
    links to jump back to the top/TOC. You're seeing a problem
    which isn't
    one really.
    > Basically, I need help on how to size the div properly,
    can anyone actually
    >help?
    That's the main problem with your approach, simply because it
    can't be
    done properly! It will always be either too small or too big.
    Another little thing: You don't have a background color
    defined for the
    page body. Not every browser uses white by default.
    Micha

  • Diagram Optimize Shape Size Height and Width

    What determines the dimensions set by the Jdeveloper 11g menu option of Diagram.Optimize Shape Size.Height and Width while editing a Database Diagram ?
    I was hoping that this option resizes the dimensions of a box that represents a table to fully display all the columns, types and keys within the limits set by Tools.Preferences.Diagrams.Database.Max Compartment Entriesand Max Shape Width.
    I set
    Tools.Preferences.Diagrams.Database.Max Compartment Entries = 100
    Max Shape Width = 1000
    However, what I observe when using this option in a Database Diagram is that the box height is resized to show the first 15 column names and an ellipsis and the box width is less than the width of many of the column name rows.
    Does anyone else think this is a bug? If so, I will open an SR.

    Update:
    The limits set by Tools.Preferences.Diagrams.Database.Max Compartment Entries and Max Shape Width affect the default values for subsequently created shapes and not existing shapes.
    However, a Service Request has confirmed that changing the value for Max Compartment Entries has no effect. This behavior has been filed as a bug that will hopefully be fixed in the next release of Jdeveloper 11g.

  • How to find out which plugin is missing ( embed width="100%" height="100%" messagecallback="parent.frames.MANIPULATIONS.AppendMessage" spinfps="15" spiny="30")?

    How to find out which plugin is missing fro mthe website: http://web.it.nctu.edu.tw/~twli/interactive/scr_tutf.htm?
    After looking at one similar question found in mozilla support and answered by jscher2000 (https://support.mozilla.org/en-US/questions/957655), I have found out I have to look for either &lt;object or &lt;embed. What I found is : &lt;embed width="100%" height="100%" messagecallback="parent.frames.MANIPULATIONS.AppendMessage" spinfps="15" spiny="30"
    What do I have to do now?

    This big1.mol (and possibly big2.mol) file is loaded in the embed plugin object that is opened in a iframe, so you can right-click the plugin area to check the embed code.
    *http://web.it.nctu.edu.tw/%7Etwli/interactive/big1.mol
    *http://web.it.nctu.edu.tw/%7Etwli/interactive/big2.mol

  • Why Apple ignored Ethiopia with population size of 100 million in the countries list.

    EThiopia Avery big country and population is not in the list of Apple store countries.we are one of the fastest developing country with population size of 100 million
    apple need to correct this big mistake

    The GDP of Ethiopia is $1,300 per capita, per year and it ranks 211th in the world. Since Apple is a commercial enterprise, it would be strange to offer a product that costs most of the annual income of an average person.
    I sincerely hope that it does continue to develop to the point that companies like Apple would be interested in opening stores.
    George

  • Identify the Cubes where dimension table size exactly 100% of the fact tabl

    Hello,
    We want to Identify the Cubes where dimension table size exactly 100%  of the fact table.
    Is there any table or standard query which can give me this data?
    Regards,
    Shital

    use report (se38) SAP_INFOCUBE_DESIGNS
    M.

  • Auto Size Height

    Hello,
    I am having trouble with a datawindow that has 2 columns where I need Auto Size Height to manage the height at run-time.
    But it does not work and the column data shows on the next row.
    I have set the Auto Size property on the column and the detail band. I am using SQL Server 2005 and PB 12.5.2 Build 5609.
    Here is a screen shot of the screen.
    I would appreciate your help.
    Thanks

    I'm a little bit confuse on this.
    But it does not work and the column data shows on the next row.
    What do you mean by next row? I suspect that you mean that the column data is word wrapped, if that is, isn't it the expected behavior of autosizeheight?

  • I frame height  =100%

    hi all
    is there any way to make iframe height = 100 %
    it works fine in IE,Chrome but not working in Firfox

    Mohammed,
    To define a problem, you need to tell us what the expected behaviour is and what actually happens.
    100% of what? In other words, what is your expectation?
    What "doesn't work" about it in IE? In other words, what actually happens?
    You'd also need to tell us what version of JDeveloper/ADF and give us a snippet of your code, since "iframe" isn't an ADF component.
    John

  • [BUG?] inlineStyle="height:100%;" doesn't work for dvt:graph with firefox

    Hi,
    Using TP4 with Firefox 2.
    Have dvt:graph with dynamicResize="DYNAMIC_SIZE" and following inlineStyle:
    inlineStyle="width:100%;height:200px;" --> This works as expected and width of graph is resized when I resize the browser window.
    inlineStyle="width:100%;height:100%;" --> At runtime the browser window is empty.
    inlineStyle="width:200px;height:100%;" --> At runtime the browser window is empty.
    Here the full code:
    <?xml version='1.0' encoding='windows-1252'?>
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
              xmlns:dvt="http://xmlns.oracle.com/dss/adf/faces">
      <jsp:directive.page contentType="text/html;charset=windows-1252"/>
      <f:view>
        <af:document binding="#{backing_graph.document1}" id="document1">
          <af:messages binding="#{backing_graph.messages1}" id="messages1"/>
          <af:form binding="#{backing_graph.form1}" id="form1">
            <dvt:graph id="graph1" value="#{bindings.PhoTestView11.graphModel}"
                       binding="#{backing_graph.graph1}"
                       clickListener="#{backing_graph.processClick}"
                       dynamicResize="DYNAMIC_SIZE"
                       inlineStyle="width:200px;height:100%;"/>
          </af:form>
        </af:document>
      </f:view>
      <!--oracle-jdev-comment:auto-binding-backing-bean-name:backing_graph-->
    </jsp:root>regards
    Peter

    Hello Frank,
    It's an FF (tested with 2.0.0.16 and 3.0.1) specific problem. With IE7 it works as expected.
    regards
    Peter

  • Workaround for the Firefox height="100%" bug

    Hi,
    Does anyone have a workaround / solution to the bug which affects Firefox which means you can't specify height=100% in the wrapper? The one which means you have to specify an absolute height.
    Maybe even better - does anyone know when it's getting fiex?
    Tks
    Alex

    The problem is that firefox browsers don't support percentage based heights. See...
    http://livedocs.adobe.com/flex/3/html/help.html?content=Part2_DevApps_1.html
    If you set everything to 100% in your wrapper and set your app to 100% in the code it works fine (ie resizes) in every browser except firefox. It's not working correctly in firefox 3.5 either.

  • RC Table with height=100% disappears

    Hi JDev gang
    Under JDev 11g TP2, I've an issue with the RC table control.
    I've dragged and dropped a VO data control onto my page and created an <af:table>. I've then placed the <af:table> inside an <af:panelCollection> with defaults values. If I change the panelCollection's height to 100%, at runtime the table does not render inside the browser. However if I set it to a pixel height it works fine.
    My code as follows:
    <af:panelCollection inlineStyle="height:100%;">
      <af:table ..... all the usual table attribute suspects>
      </af:table>
    </af:panelCollection>As a side note, setting the panelCollection's width = 100% works fine.
    Any idea what's going on?
    Regards,
    CM.

    Hi Chris,
    This is a common frustration I have seen with web browsers. Percentage based heights are not reliable.
    I see there is a release note that specifically addresses this at:
    http://www.oracle.com/technology/products/jdev/htdocs/11tp/readme.html#faces2
    Scroll down to the "Page Layout Tips" section for a good explanation of how to avoid using percentage-based heights.
    Regards,
    Matt

  • Set height=100% of a panelSplitter

    Hi, I want to set the height of a panelSplitter to a 100% of tha page. In IE7 works fine, but it doesn't with Firefox 3.
    Here's my css code:
    af|panelSplitter {
    border:0;
    margin: 0 auto;
    padding:0;
    vertical-align: middle;
    height:100%;
    width:90%;
    Any suggestion to make it work under FFox3??
    Thanks.

    In this thread they have solve it. Thank you for your help.
    Re: [BUG?] "height:100%;" doesn't work for af:panelsplitter with firefox
    I'll try to explain it easier anyway:
    - In the CSS file:
    .AFVisualRoot:dark {
    background-image: url('/afr/m_bg_global.png');
    background-repeat: repeat-y;
    background-color: #0D4988;
    color: #FFFFFF;
    - Put panelSplitter into a panelStretchLayout
    - Write on panelStretchLayout Syle Class at properties: AFVisualRoot
    - At the panelSplitter InlineStyle: height:100%;
    I think that might work ;)
    Thanks!

  • Applet size to 100% of frame

    We have a Swing JApplet containing a JTree in a JScrollPane that's part of an HTML frameset. The applet needs to fill 100% of its frame on loading and then resize with the frame. I figured then the best way to do this would be to set width and height to 100% so the browser could handle it. This works great for Netscape, but IE seems to either add a vertical scrollbar or leave whitespace for it to the right of the applet and not fill the frame completely.
    Is there some way around this or some better way to make JApplet size and resize correctly?
    Thanks!

    Sure! FYI, we use JavaScript document.write() calls to output the HTML for the frameset, but I removed so it would fit here better. The code in question is part of navigation.jsp (see below):
    <FRAMESET id="MainFrameLayout" name="MainFrameLayout" rows="60,*" border="0" frameborder="0">
    <FRAME name="banner" id="banner" src="banner_ae.html" scrolling="no" frameborder="0" marginheight="0" marginwidth="0">
    <FRAMESET id="FrameLayout" name="FrameLayout" border="0" frameborder="0" cols="180,*">
    <FRAME name="menu" id="menu" src="navigation.jsp" frameborder="0" marginheight="0" marginwidth="0" style="border: 1px solid #acacac;">
    <FRAMESET id="RtFrameLayout" name="RtFrameLayout" rows="0,0,*" border="0" frameborder="0">
    <FRAME name="ssh" id="ssh" src="/blank.html" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0">
    <FRAME name="wiz" id="wiz" src="/blank.html" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0">
    <FRAME name="text" id="text" src="action/homePage" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0">
    </FRAMESET>
    </FRAMESET>
    </FRAMESET>

Maybe you are looking for

  • User name, organization, or serial number is missing or corrupt.  FIX

    Regardless of how this is happening--or why----it IS happening every time I try to run Adobe Photoshop elements 4.0. I purchased the program back in October, 2005 and have never been able to use it for more than a day or two. Without fail, I will ope

  • How do I not show image file name, only url link - Acrobat Pro 9

    Both file name and url ink show when placing cursor over image. I want to only have url link appear. And if that's not possible, I want to then change the image file name. Any ideas?

  • Advice with High Data Volume

    I have to make a process that gets like 100.000 records from a data base at onces and then i have to treat one by one. The method i use after executing a query puts all the data in a Recorset object. I would like to know if the Recorset is going to b

  • Third Party SO Processing

    Hi all, We have a standard third party processing configured in our business. As per the standard scenario, the incoming invoice from the vendor updates the billing quantity, so that the customer-billing document is only possible after entering the i

  • Feature Request: Ability to Not Have an Action Button in Dialog Box

    As it stands, the dialog box requires you to have an "OK" button, and a "Cancel" button (names can be changed...) - both of which will dismiss the dialog box. More buttons than that and you have to define an accessory view or put buttons in the views