Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
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
  • Adventure

    • adventure
    • gravelgrinding
    • hiking
    • running
  • The Built Environment

    • architecture
    • urbanity
  • Locations

    • san diego
    • portland
  • Freelance Life

    • freelancing
    • productivity
  • Web Dev

    • css
    • entrepreneurship
    • git
    • handlebars
    • html
    • inkscape
    • photoshop
    • php
    • sass
    • web design
    • web development
    • saphire

drempd | san diego, ca


home contact

adventures san diego urbanity and architecture projects stream website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance