Chrome, Safari ignoring max-width in table

by

Max-width applies to block elements. <table> is neither block nor inline. Ambiguous enough? haha. You can use display:block; max-width:1000px and forget about width:100%. Chrome and Safari follow the rules!

Edit May 2017: please note, this comment was made 7 years ago (in 2010!). I suspect browsers have changed a bunch over the years (I wouldn’t know, I no longer do web design). I recommend using a more recent solution.

More Related Contents:

  1. What happens when localStorage is full?
  2. chrome/safari display border around image
  3. Select size attribute size not working in Chrome/Safari?
  4. Google Chrome form autofill and its yellow background
  5. How to save CSS changes of Styles panel of Chrome Developer Tools?
  6. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  7. Video auto play is not working in Safari and Chrome desktop browser
  8. How do I uninstall a Service Worker?
  9. Another: Force Chrome to fully buffer mp4 video
  10. Chrome Download Attribute not working
  11. Required Attribute Not work in Safari Browser
  12. How to disable Google translate from HTML in Chrome
  13. How to add google chrome omnibox-search support for your site?
  14. IFRAMEs and the Safari on the iPad, how can the user scroll the content?
  15. Chrome rendering issue. Fixed position anchor with UL in body
  16. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  17. HTML Favicon.ico won’t show on Google Chrome
  18. plays in other browsers, but not Safari
  19. What is shadow root
  20. Height of flex container not working properly in Safari
  21. Why does Chrome incorrectly determine page is in a different language and offer to translate?
  22. Safari anchors on links not working
  23. Prevent scroll-bar from adding-up to the Width of page on Chrome
  24. Force decimal point instead of comma in HTML5 number input (client-side)
  25. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  26. Why is Chrome showing a “Please Fill Out this Field” tooltip on empty fields?
  27. Disable Chrome translation bar on my website
  28. number input – always show spin buttons
  29. Prevent ligatures in Safari (Mavericks/iOS7) via CSS
  30. How to display alt text for an image in chrome

Leave a Comment