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 <object or <embed. What I found is : <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>

</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>

Img size height="100%" OK?

Similar Messages

Maybe you are looking for