Comments on: max-width

By: Fred

Fred — Fri, 18 Aug 2017 13:13:27 +0000

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

kit8 — Wed, 11 Feb 2015 10:09:26 +0000

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

Abid Riaz — Thu, 20 Mar 2014 09:40:50 +0000

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

Dave Olsen — Fri, 13 Dec 2013 21:07:10 +0000

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

Sile — Sat, 07 Dec 2013 02:49:46 +0000

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

Turkey Excursions — Thu, 29 Aug 2013 10:44:03 +0000

Is there a way to make max-width equal parents width – i.e. the child will never make its parent wider?

Thanks