max-width

HTML: Scale images using max height/width

I've got a web page that displays a bunch of images. I want to make sure none of the images are greater than 200 pixels wide and 200 pixels in height. If one is, I'd like it scaled down so that the longest dimension is 200 pixels. What's the best way to do this? CSS? JavaScript (jQuery okay)? ...

CMake CTest prevent truncation of test name

Hi, I'm currently running CTest, but I have a problem whereby tests with long names. For example: "API Part1 : Some test information w/ this input file" get's truncated to something like "API Part1 : Some test information w/ th"). It seems like the test name is truncated to about 31 characters. How can I change this? Thanks ...

About max-width in IE6

Is it possible to implement this in IE6? If possible,how? ...

IE8 non-compatibility mode, image with max-width and height:auto

I have an image with this markup <img src="wedding_00.jpg" width="900" height="600" /> And I am using CSS to downsize it to 600px width, like so: img { max-width:600px; height:auto; } Can anyone explain why this method works in Compatibility mode, but not in standard mode? Is there a way I can modify my CSS so that it will ...

Scaling Images Proportionally in CSS with Max-width

Right now, I'm using max-width to scale images to fit. However, they don't scale proportionally. Is there a way to cause this to happen? I'm open to Javascript/jQuery. If possible, is there a way to do this without knowing the original dimensions of the image (maybe determine this using Javascript/jQuery)? ...

Is there an equivalent of CSS max-width that works in HTML emails?

I'm trying to create an HTML email that will display properly in all widely used email clients. I'm wrapping the whole email in a table, and I'd like it to have a width that is up to 98% of the available width, but no greater than 800 pixels. Like this: <table style="width:98%; max-width:800px;"> But I'm not doing it that way, since a...

not able to do max width

Hi I have a page which has a content like this... <div id="content"> testingtestingtestingtestingtestingtestingtestingtestingtesting testingtestingtestingtestingtestingtestingtestingtesting testingtestingtestingtestingtesting </div> How do i apply a max-width on it . I m using this code in the css #content { max-width:50px; /* f...

Fluid CSS: floating column with max-width and overflow

I'm using a fluid layout in the new theme that I'm working on for my blog. I often blog about code and include <pre> blocks within the posts. The float: left column for the content area has a max-width so that the column stops at a certain maximum width and can also be shrunk: +----------+ +------+ | text | | text | | ...

max-widgth and max-height solution in Internet Explorer

In this page: http://tinyurl.com/widthheight I am usign max-width and max-height. Work fine for Firefox, Chrome, Opera, Epiphany, ecc but NOT Internet Explorer. . What solution do you recommend in this case ? I have to limit max-width of 180px and max-height of 180px. ...

Why do Firefox and Opera ignore max-width inside of display: table-cell?

The following code displays correctly in Chrome or IE (the image is 200px wide). In Firefox and Opera the max-width style is ignored completely. Why does this happen and is there a good work around? Also, which way is most standards compliant? Note One possible work around for this particular situation is to set max-width to 200px. ...

Make an image width 100% of parent div, but not bigger than its own width.

Hi. I’m trying to get an image (dynamically placed, with no restrictions on dimensions) to be as wide as its parent div, but only as long as that width isn’t wider than its own width at 100%. I’ve tried this, to no avail: img { width: 100%; height: auto; max-width: 100%; } Many of these images are way wider than their pare...

max-width and max-height for scaling images in Internet Explorer

Hi all, I'm in the process of creating a gallery which displays several formats of images (wide, square and tall) in a fixed space. The ideal solution would be to have all the images to be the same dimensions, but this cannot be achieved. I'm using a combination of max-width and max-height to ensure that images scale properly to the l...

Recommended max-width for 1024x768

What is recommended width for wrapper blocks (main containers) on 1024x768 resolution? There should not be horizontal scroll on that width in most available browsers. ...

How do I make a child's div width match its content with parent's div width 100% overflow-x: auto in IE & FF

I have an art gallery full of thumbnails. I wanted to add a customized horizontal scrollbar so that users could scroll through a single row of thumbnails. There are different amounts of thumbnails in each gallery. I tried using CSS property "width:-moz-max-content;" however this only works in Firefox and not IE6,7,8, Chrome or Safari. H...

max-width on img-tag not working in IE8

Hey I have a strange problem. On a site that were currently building we have a gallery function throuh the jQuery plugin, Gallerific. The gallery opens in a modal window. What I need is to set a max width of the images to 765px. There fore I have set the max-width: 765px; in my CSS. I know i't not working in IE6 but I don't care. The s...