Comments on: max-width https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Fri, 15 Jan 2021 18:31:36 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Fred https://css-tricks.com/almanac/properties/m/max-width/#comment-1611185 Fri, 18 Aug 2017 13:13:27 +0000 http://css-tricks.com/?page_id=14077#comment-1611185 I’m having an issue where my percentage widths are being based on the element’s own max-width, and not on the parent’s width. Cannot figure it out. Example: I have a #parent with a width (and max-width) of 1600px. I have a #child with a max-width of 1800px and a width of 80%. #Child is being rendered with an actual width of 1440, not 1280.

]]>
By: kit8 https://css-tricks.com/almanac/properties/m/max-width/#comment-1592511 Wed, 11 Feb 2015 10:09:26 +0000 http://css-tricks.com/?page_id=14077#comment-1592511 Max-Width only working for Internet Explorer with a strict doctype : https://msdn.microsoft.com/en-us/library/ie/ms530811%28v=vs.85%29.aspx

]]>
By: Abid Riaz https://css-tricks.com/almanac/properties/m/max-width/#comment-1395221 Thu, 20 Mar 2014 09:40:50 +0000 http://css-tricks.com/?page_id=14077#comment-1395221 I have three

<

div> here is the code.

I want to place left_nav with width:100px on float:left side,
center_nav in center with min-width:200px and max:100%.
the 3rd div with width:300px with float:right side.

height for all is 100%.

the problem is my center_nav under-hide on right_nav.
what code i need to place that center_nav remain between right_nav & left_nav?

]]>
By: Dave Olsen https://css-tricks.com/almanac/properties/m/max-width/#comment-827359 Fri, 13 Dec 2013 21:07:10 +0000 http://css-tricks.com/?page_id=14077#comment-827359 img{
max-width: 100%;
}
breaks inside css columns. It appears to reference the total width of the element before columns are applied. I would rather have max-width reference the width of the column.

Anyone know any work-arounds? Or, did I just miss something?

Thanks!

]]>
By: Sile https://css-tricks.com/almanac/properties/m/max-width/#comment-774206 Sat, 07 Dec 2013 02:49:46 +0000 http://css-tricks.com/?page_id=14077#comment-774206 Hello,is this property only compatible on IE 8 or higher?
I have checked at caniuse.com and it tells the property works on ie7, too. (In fact I am checking a website on ie7, and looks fine using the max/min.width property.. but i would like to be sure about it..)
Thanks and regards

]]>
By: Turkey Excursions https://css-tricks.com/almanac/properties/m/max-width/#comment-528843 Thu, 29 Aug 2013 10:44:03 +0000 http://css-tricks.com/?page_id=14077#comment-528843 Is there a way to make max-width equal parents width – i.e. the child will never make its parent wider?

Thanks

]]>