Is there a way to get a max-width attribute to work in Safari and
Internet Explorer? Supposedly both browsers suppourt it, but I can't
find an example of either doing so.
In theory I would like to add a class to a div like so:
.container {
width:100%;
max-width: 960px;
}
I
Apparently there was a table there as well, and max-width does not
apply to a table very nicely in Safari or Internet Explorer. Can
anyone offer some more explanation on this?
Thanks,
Jack
On Mon, Mar 23, 2009 at 9:50 AM, Jack Blankenships
learningcssindet...@gmail.com wrote:
Apparently there
After experimenting some more I have come up with some code that seems
to work in most browsers:
.content {
width:100%;
max-width:960px;
min-width:640px;
margin-left: auto;
margin-right: auto;
}
This can be applied to a body or div tag with an embedded table
It seems to be that the table within the div or body element is
pushing the content out beyond the specified widths in Internet
Explorer. If I set the width on the table to 100% it forces the
containing dom element to expand if the elements within the table can
possibly have a width to do so
Jack Blankenships wrote:
Apparently there was a table there as well, and max-width does not
apply to a table very nicely in Safari or Internet Explorer. Can
anyone offer some more explanation on this?
Have only tested for CSS table a year or so back, and it's a known
behavior in Safari 3. I
Jack Blankenships wrote:
It seems to be that the table within the div or body element is
pushing the content out beyond the specified widths in Internet
Explorer. [...]
If you have problems: link to the case, page, you have problems with.
Bits of CSS don't make much sense without it.
I am trying to apply a max-width and min-width feature to a page for
IE6, but all of the examples I see online appear like this:
(see: http://www.antix.co.uk/code/css/imposing_minimum_width/default.htm)
#example_3 .main
{
min-width:450px;
/* IE Dynamic Expression to set the width */
Jack Blankenships wrote:
I am trying to apply a max-width and min-width feature to a page for
IE6, but all of the examples I see online appear like this:
(see:
http://www.antix.co.uk/code/css/imposing_minimum_width/default.htm)
The problem is that instead of having a specific number of
What I am trying to do is create a set of images in a fluid layout
that adjusts based on the browser size.
The code is really very simple. I have a css-p div that contains an
image placed in a certain spot on the page. The container div is
sized based on the client browser. The idea is to have
Jack Blankenships wrote:
What I am trying to do is create a set of images in a fluid layout
that adjusts based on the browser size.
The code is really very simple. I have a css-p div that contains an
image placed in a certain spot on the page. The container div is
sized based on the
I realise max-width does not work in IE, but I cannot seem to get it to
work in FF2.0.0.1
Any ideas why I've got this wrong?
Page www.boxdproductions.co.uk http://www.boxdproductions.co.uk/
Css www.boxdproductions.co.uk/css.css
Many thanks
Pete
Pete Harrison wrote:
I realise max-width does not work in IE, but I cannot seem to get it
to work in FF2.0.0.1
Any ideas why I've got this wrong?
www.boxdproductions.co.uk
Max-width works perfectly in Firefox 2.0.0.1, but you have declared
max-width on #wrapper and those absolute
Christopher Blake wrote:
Does anybody know a way around this?
Here's one workaround for IE6 and IE5.x/win...
http://www.gunlaug.no/contents/wd_additions_14.html
...using Microsoft's proprietary expressions in CSS.
Other solutions are based on regular Javascript.
regards
Georg
--
Hi
I soon have too make a start on a new site for a client and they want
to use max-width to limit the expansion of the site. Just wondering
if there is a definitive or good example anywhere of implementing
this correctly for IE etc?
Thanks for any pointers.
Cheers
I soon have too make a start on a new site for a client and they want
to use max-width to limit the expansion of the site. Just wondering
if there is a definitive or good example anywhere of implementing
this correctly for IE etc?
Hello Steve,
Dean Edwards' IE7 supports this, but I found it
Steve Craig wrote:
I soon have too make a start on a new site for a client and they want
to use max-width to limit the expansion of the site. Just wondering
if there is a definitive or good example anywhere of implementing
this correctly for IE etc?
IE7 handles max-width (more or less)
Ross, your width should be set in % or be equal to auto.
Gunlaug's solution (set the with in ems) is a good (you can read then:
Elastic design http://alistapart.com/articles/elastic/)
You can also set the width in % and the max-width in ems, the
min-width remaining in pixels. I use this solution
Ross Rightfully Requested:
I had this working before. Probably needs a fresh pair of eyes. The
dropdown does not work in IE.
http://blue-fly.co.uk/tri/test.php
The css
http://blue-fly.co.uk/tri/css/triscotland.css
Ross, I'm a newbie myself, but I did notice one thing...did you mean
I have a menu holder.
#menu_holder {
width:800px;
min-width:800px;
max-width: 1200px;
position:absolute;
height:20px;
top: 85px;
font-size:small;
font-weight:bold;
}
When I increase the text I would like the div to expand to fit the suckerfish
dopdown in it. The problem is if I ser max-width
http://blue-fly.co.uk/tri/test.php
When I increase the text I would like the div to expand to fit the
suckerfish dopdown in it. The problem is if I ser max-width and
min-width the box does not expand.
The element won't expand if you set 'width' in pixels. The 'max-width'
and 'min-width' do
20 matches
Mail list logo