Stretching the width & height of a div in CSS

I have a page with a navigation bar div (at the top), and a
content div (everything underneath), and I would like the content
div to take up the rest of rest of the page.
Setting the the content div height & width to 100%
stretches the height too much, adding scroll bars. Do I have to
somehow subtract the height of the navigation bar div?
Anyone?

Anyone know what I am doing wrong?

Similar Messages

How many ways are there to get the Width/Height of an image ?

I am currently using the following code to get the width and hight of an image :
BufferedImage Buffered_Image=ImageIO.read(new File(Image_Path));
int Image_Width=Buffered_Image.getWidth();
int Image_Height=Buffered_Image.getHeight();I don't need to get the image (*.jpg, *.gif, *.png), just want to know it's dimensions. I wonder how many other ways are available to do the same thing in a Java application ?
Frank

Ni_Min wrote:
That's what I thought. I am asking because I hit a wall and am trying to find a different approach.Yeah, if you only have one file type you can probably write the code to read the header in 20 min.
I packed my programs into an executable Jar file which I can run and access images on my C:\ drive, everything worked fine until I tried to experiment with something new. I know that I can force JVM to pre-load all my java classes just after it starts, so I deleted the jar right after the program pre-loaded all my classes and tried to see if it would work, but now I get a null pointer error when it tried to get the width/height of an existing image, because ImageIO.read return null. ( The same image is still on my C:\ drive )Sounds like a strange thing you're doing here. What's the point of this?
So I wonder why it makes a difference after I deleted the jar, what was the problem ( or do I need to pre-load another class related to ImageIO.read ? ), and maybe if I use something else other than the ImageIO.read to get the width/height, I can bypass the problem.I dunno why you need to do this preload stuff and/or delete anything. I'd say leave the JVM and the app alone if possible.

Setting width/height of a control with CSS

Hi,
I am styling a button a button in CSS and set a background-image for the button in my stylesheet.
The problem is, that the button should scale to the width/height of the image.
I added:
-fx-width: 32px;
-fx-height: 32px;
but it has no effect.
I also tried it with
-fx-min-width: 32px;
-fx-min-height: 32px;
If I use setMinWidth(32); in Java, it works.
But I rather want to set it in my stylesheets, because the image can change, if we use another skin.

CSS documentation (http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html) states:
"JavaFX CSS does not support CSS layout properties such as float, position, overflow, and width. However, the CSS padding and margins properties are supported on some JavaFX scene graph objects. All other aspects of layout are handled programmatically in JavaFX code."
I thought you might be able to do something using the -fx-shape property, but the shape does not affect the size of the button - so that didn't work.
I had more luck with the -fx-graphic property - you could try to enhance the stylesheet below to get what you want.
.root   { -fx-background-color: azure; -fx-padding: 20; }
#smurf-button { -fx-graphic: url("http://bluebuddies.com/smurf_fun/smurf_race/jpg/Smurf_Race_100x100.jpg"); -fx-background-color: transparent; }
#smurf-button:hover { -fx-effect: dropshadow( three-pass-box , rgba(184,134,11,0.6) , 20, 0.0 , 0 , 0 ); }
#smurf-button:armed { -fx-effect: innershadow( three-pass-box , rgba(0,200,0,0.6) , 30, 0.0 , 0 , 0 ); }
public class ButtonStyle extends Application {
public static void main(String[] args) throws Exception { launch(args); }
public void start(final Stage stage) throws Exception {
    final Button button = new Button();
    button.setId("smurf-button");
    final Scene scene = new Scene(StackPaneBuilder.create().children(button).build());
    scene.getStylesheets().add(this.getClass().getResource("style.css").toExternalForm());
    stage.setScene(scene);
    stage.show();
}

How to adjust the width, height of the window in the apex.navigation.popup.url call?

Hi,
I created a Feedback page using the apex feedback feature, not a customized page. The link to the Feedback page calls the apex.navigation.popup.url using javascript to open a popup window. Does anyone know the proper syntax for adjusting the width and height of the popup window?
I have tried the following, but the window width/height does not adjust:
javascript:apex.navigation.popup.url('f?p=&APP_ID.:102:&SESSION.:::102:P102_APPLICATION_ID,P102_PAGE_ID:&APP_ID.,&APP_PAGE_ID.',width=350,height=400);
javascript:apex.navigation.popup.url('f?p=&APP_ID.:102:&SESSION.:::102:P102_APPLICATION_ID,P102_PAGE_ID:&APP_ID.,&APP_PAGE_ID.',350,400)
Version: APEX 4.2
Thanks,
Makeisha

Why not call navigation.popup instead of navigation.popup.url then? popup.url does have the hardcoded values, but it just calls popup anyway. Nothing stops you from doing the same:
javascript:apex.navigation.popup({"url":'f?p=&APP_ID.:102:&SESSION.:::102:P102_APPLICATION_ID,P102_PAGE_ID:&APP_ID.,&APP_PAGE_ID.',"name":"winLov","width":350,"height":400});
Use "winLov" if you want to keep that same popup.url functionality of overriding the same opened window. If you do not provide name the url will open in a new window every time.
The width and height values are hardcoded in popup.url, but they are not in .popup. There are only defaults in a default object there, and will be overridden when you provide an object with these parameters to the function.

IMovie is stretching the width of my video that was recorded on my phone! Is there any way to fix this?

I'm a complete beginner in iMovie. I was at an event and forget my camera and only had my iPhone to record an important event, so I used it, but now that I'm trying to upload it, iMovie is stretching the visual width (I guess the way it cropped it?). Is there any way I can fix this or at least make it a little better? Help would be GREATLY appreciated!

Try here:
FIX for iPod Touch Home Button

Can't seem to line up the widths of two elements in my CSS

On this page
pictopoetry.co.uk/category/poem/
You can see there are two elements I want to line up but they miss by a pixel
The two rules for the CSS are below.
So my question is how do I get those two elements to line up neatly?
Thanks
Martin
div#content h2 {
-moz-border-radius-topleft:0.4em;
-moz-border-radius-topright:0.4em;
background:url("images/bkgalphabr30.png") repeat scroll left top transparent;
border-color:silver silver -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
color:#666666;
font-size:1.5em;
font-weight:normal;
padding:0 0 1em 0.625em;
width:100%;
div.post div.entry, div.page div.entry, div.post-cat-fifteen div.entry, div.post-cat-three div.entry {
-moz-border-radius-bottomleft:0.4em;
-moz-border-radius-bottomright:0.4em;
background:url("images/bkgalphawh85.png") repeat scroll left top transparent;
border-color:-moz-use-text-color silver silver;
border-right:1px solid silver;
border-style:none solid solid;
border-width:medium 1px 1px;
float:left;
margin-bottom:1.25em;
padding:0.75em 0.5em 1.2em;
width:100%;

You are at the mercy of the percent sign...By defining the width of .entry as 100%, you lose the fine-tuning ability that pixels gives you.
By changing the width to a stated 609px (!), I was able to make them meet sweetly:
div.post div.entry, div.page div.entry, div.post-cat-fifteen div.entry, div.post-cat-three div.entry     { /*added div.post-cat-fifteen */
     background: url("images/bkgalphawh85.png") repeat scroll left top transparent;
     border: solid 1px silver;
     -webkit-border-bottom-right-radius: 0.4em;
     -webkit-border-bottom-left-radius: 0.4em;
     -moz-border-radius-bottomright: 0.4em;
     -moz-border-radius-bottomleft: 0.4em;
     border-bottom-right-radius: 0.4em;
     border-bottom-left-radius: 0.4em;
     border-top: none;
     padding: 0.75em 0.5em 1.2em;
     margin-bottom: 1.25em;
     width:609px;
     float:left;
Beth

Problem with the WIDTH & HEIGHTS in GetFeatureInfo-Requests

Hi
I have a problem regarding the GetFeatureInfo-Requests.
If I make a GetFeatureInfo-Request with the parameters 'WIDTH=2&HEIGHT=2, then returns the following error massage:
<?xml version = '1.0' encoding = 'UTF-8'?>
<!DOCTYPE ServiceExceptionReport SYSTEM
"http://schemas.opengis.net/wms/1.1.1/WMS_exception_1_1_1.dtd">
<ServiceExceptionReport version="1.1.1">
<ServiceException>
<![CDATA[<oms_error>
<![CDATA[
OMS: ORA-00904: "NAN": ungültiger Bezeichner
]]>
</oms_error>]]>
</ServiceException>
</ServiceExceptionReport>
With the following parameters, the call executed correctly, 'WIDTH=3&HEIGHT=3'.
This fault occurs only at the GetFeatureInfo-Request. The getMap-Request with the same parameter 'WIDTH=2&HEIGHT=2' provides an image and not an error.
Example:
MapViewer - GetMap-Request
http://10.233.97.9/mapviewer/wms?
REQUEST=getMap&
Version=1.1.1&
LAYERS=AT_TN_ACS_SIEDLUNG&
SRS=EPSG:31468&
bbox=4420806,5395201,4420838,5395233&
FORMAT=image/png&
WIDTH=2&
HEIGHT=2&
TRANSPARENT=false&
STYLES=&
Datasource=igvert_alkis&
MapViewer - GetFeatureInfo-Request
http://10.233.97.9/mapviewer/wms?
request=GetFeatureInfo&
Version=1.1.1&
LAYERS=AT_TN_ACS_SIEDLUNG&
QUERY_LAYERS=AT_TN_ACS_SIEDLUNG&
SRS=EPSG:31468&
bbox=4420806,5395201,4420838,5395233&
FORMAT=image/png&
WIDTH=3&
HEIGHT=3&
TRANSPARENT=false&
STYLES=&
Datasource=igvert_alkis&
INFO_FORMAT=application/vnd.ogc.gml&
X=1&
Y=1&
FEATURE_COUNT=20&
MapViewer-Version: Ver11_B100426
Who can help?
Best Regards
Kerstin

Hi,
I have filed an SR before I posted it on OTN. Therefore, an SR already exists. But the support has advised me to post the problem here.
Regards
Kerstin

Does anybody know how to make a selection in Photoshop Elements 13 without having the width / height box drag from the cursor?

I've recently upgraded from Photoshop Elements 10 to Photoshop Elements 13 and the selection tool dragging this little box behind it whenever I make a selection or move a selection is highly irritating. I tried to google for how to not have it shown and I read all the descriptions in the manual about selections, I found nothing.
The following image is what I mean. I want to get rid of the box that says W: 98 px H: 69 px, is there any way to do that? I know I could get used to it but if there is any way to not have it, I would love to know about it.

I have encountered this same problem.
The only fix, and an unstable one at that, is to alternately pan the screen and then drag the text box such that as it moves to scroll off the screen it remains on the page.
The reason this becomes unstable is that at higher zoom levels selecting this text box may also cause it to disappear completely from the page. At this point one has to zoom out find it and attempt to repeat this frustrating maneuver.
In my experience this effect extends to changing pages and alternating levels of zoom.
Adobe Acrobat 9 Pro
Windows XP
8.5 x 11 Portrait
Unfortunately there are bugs with the bug tracking form, so the write up submitted to Adobe was lost.
https://www.adobe.com/go/wish
"We're sorry, we encountered an error processing your request."

New to CS5.5 can you enlarge the width (height) of the timeline

Hi,
I am using Adobe Premiere 6.5 and am learning Premiere Pro CS5.5. In Adobe Premiere 6.5 you could make the video and audio tracks in the Timeline bigger-heigth-wise. It was a very simple process- right click mouse over timeline area and choose the size you wanted.
Is this possible in CS5.5?
Thank you for your help.

You can also drag downwards
Also, if you hold SHIFT while dragging it resizes more than just this track.

Please help me :How to set the width and height for my View page "test.htm"

Hi,
    I have controller class. When i call the view[test.htm]from this controller class ,i am getting the view with output tableview..it is fine.
My requirement:
             the output view window is showing full browser window. I want the view output like showModeldialog. I want to set the width and height for the output view window. How is possible?
             or
i want to call the test.view in the window.showModelDialog..
Please help me .. Urgent requirement.

Yes you can set the width & Height of the view as follows..
<div style="width:580px; height:750px; margin-top:15px; overflow:auto;">
<htmb:form......>
</htmlb:form>
</div>
<i>*Reward each useful answer</i>
Raja T

Set the dialog modal window width + height

hi ,
i tried to set the width+ height using
window.dialogWidth , innerWidth , Width that come from a java code
but without success.
only the dialogWidth seemed to change somthing but it wasn't
to the size that i passed , for value of 400 for example it changed
the width to almost all the screen.
Please advise .

Are you still asking JavaScript questions here?
Java != JavaScript
Please take your JavaScript questions to a JavaScript forum.
If this is not a JavaScript question then please post the relevent formatted code.

Determine the type of connection & set webcam width/height

Hi, two quick questions:
1. Is there a way in ActionScript to determine what type of connection is being used (e.g. P2P or FMS)?
2. Is there a way to set the width/height of the webcam picture? I currently extend the WebcamPublisher class to access the _camera instance and use the Camera.setMode() method, but it looks like that doesn't have any effect whatsoever.
Thanks in advance,
Michiel
PS: I'm aware of the captureWidthHeightFactor method, but I really don't like that approach, as it's not really clear what dimensions are being used for the video. I would like to set the dimensions myself, like when using the Camera.setMode() method.

Hironmay wrote:
For you height/width part, you can use resolutionFactor API in webcamPublisher as captureWidthHeight API is deprecated. The default width and height gets multiplied.
Ok, I'm using resolutionFactor now, but I'm not sure what the difference is. captureWidthHeightFactor is not really documented (it's there, but pretty unexplained), but the resolutionFactor uses multiples of the default width/height. I assume it does the exact same thing? (By the way: the resolutionFactor is not documenten on livedocs, only in the local documentation received as part of the zipped SDK.)
And still if you want to set your own native width/height , since you are already subclassing WebcamPublisher, just subclass the function createMyStream and add your native width and height. See that function in the player 9 source code of WebcamPublisher provided.
I'll look into that, for now resolutionFactor will have to do. (For testing purposes all video parameters have to be adjustable on the fly, and I unfortunately am already very short on time.)
One thing I forgot to mention in last mail, you can only have P2P with player 10 and you need to use player 10 swc for any verification of P2P. Player 9 will be always FMS.
You may have just saved my life! I was indeed using the player 9 swc, and tried the isP2P property, but didn't get it to work. And since it's not documented I labeled this as "deprecated" and dropped it. Great to see that it really is in there.
Also, the difference between the player 9 and player 10 swc you just explained answers another question I had (but totally forgot about). When connecting, the console always showed:
#FMSConnector# Wed Jan 6 10:52:11 GMT+0100 2010 is using RTMPS? true
This gave me the idea that the P2P service was unavailable. I'm glad to see that this isn't the case.
Thanks for your rapid replies everyone, I really appreciate it!
Michiel

Allow the user to control the width of the edit forum post input box

I would like to control the width of of the edit-forum post input box. This could be:
automatically adjust the width of the box so that the box doesn't run off the right edge of the window.
have a user global preference to set the preferred width
at least, allow the user to change the width via the change size icon. The three horizontal bars at the lower left of the input box. You can adjust the vertical dimension, but not the horizontal. TenFourFox 4.0.1. This is probably being blocked for some obscure reason.
Here is an example of an over extended right margin:
Curiously enough, the "software" let's me adjust the width & height of the add reason to edit text, but not adjust the width of the more important edit text box.
Robert

Testing
Standard Reply box can be height adjusted but not width.
Same with Advanced Editor
No Adjustment at all in HTL Editor
Edit.
The Edit uses the Advanced Editor
Only Height Adjustment again.
I do seem to remember someone posting about the width and saying they could drag it over the edge of the right hand edge (Into the grey surround)
This may have been a post in the lounge.
It didn't actually try it at the time but have played with it since and have not seen it.
Maybe it is something they "Fixed" in both senses of the word.
Second edit.
I can't alter the box that currently reads "Message Edited by:- ..."
I also can't get this box to accept New lines (they appear in the box but don't post that way)
Corrected Spelling
9:51 PM Wednesday; May 11, 2011
Please, if posting Logs, do not post any Log info after the line "Binary Images for iChat"
 G4/1GhzDual MDD (Leopard 10.5.8)
 MacBookPro 2Gb( 10.6.7)
 Mac OS X (10.6.7),
"Limit the Logs to the Bits above Binary Images."  No, Seriously
Message was edited by: Ralph Johns (UK)
Message was edited by: Ralph Johns (UK)
and new line with a line space as well

How do I find the width of an external swf file that I am loading in

I have loaded in an external swf file and it works fine.
However, when I get the width dimensions of the movieclip that is housing the external swf file it gives me a '0' for the width.
Thanks for your time.

you must wait until loading is complete before trying to access the loaded objects width. at that point you can determine the width,height of the onstage/backstage objects in frame 1 of the loaded swf.

How to change the width...

how can i change the width of the stage (Dimensions) with
action script?
i want to allow to surfers to change the width & height..
_root.width and Stage.width does not work..
thanks.

you can accomplish this by calculating the ratio of the
current width to the desired width and setting _root._x scale and
_yscale. for instance, lets say your current stage is 800x600, and
you want 1000x500:
_root._xscale = 1000/Stage.width
_root._yscale = 500/Stage.height

Stretching the width & height of a div in CSS

Similar Messages

Maybe you are looking for