Skip to content
Drempd Logo
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
    • code notes
  • contact
Blog Web Dev Chrome displays a different height than what Chrome says the height should be.

Chrome displays a different height than what Chrome says the height should be.

By Forrest Smith - Drempd.com

This took me quite a while to track down, which is unfortunate since I know I’ve ran into this several times.  Basically I was changing the height of an element, but no matter where I specified the height, it wasn’t displaying what I was putting in — even if I stuck a style attribute right on the element itself.  Here is a screenshot of what chrome was saying, which didn’t make a lot of sense to me:

Yeah, it seems like that “765px” should be “625px” based the on the list of style rules for the element.

The answer (which is completely obvious in hindsight) was that when I coded this page a year ago, I specified a min-height for the element as well, which of course is totally fine to do.  Unfortunately now I was trying to set the value of the element less than that min-height, which obvously wasn’t working.  So, if you run into this, just look and make sure you haven’t specified a min-height for the element.

Posted on September 13, 2016August 26, 2022 in Web Dev

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

I love to create and explore. Whether building a website or app, taking a long walk through the mountains, or playing with a random idea, I've found that there will never be enough time to experience it all. But that won't stop me from trying.

Web Design & Development

  • Portfolio
  • San Diego Website Design
  • Custom Web Design
  • Responsive Web Design
  • Website Maintenance
  • Freelance Web Designer
  • Web Design Posts
  • Website Checklist

Projects

  • Zindash
  • Opti
  • Saphire CSS
  • Ergo Blocks

Blog

  • Adventure
  • San Diego
  • Projects
  • Website Design
  • Technology
  • Code Notes

About

  • Bluesky
  • Resume
  • Contact
drempd | san diego, ca
© 2026 Drempd All rights reserved.