🚨 Heads up! This course is no longer supported. We recommend checking out our Webflow Essentials course.
How to set CSS minimum height
Questions
Student Gallery
Be the first to share something.
Course info
Overview
- You'll need a laptop (Mac or PC)
- Dreamweaver CC installed. Dreamweaver can be downloaded from theAdobe website here.
Can I use this tutorial with Adobe Dreamweaver CS4, CS5 or CS6?
Daniel Scott
Founder of Bring Your Own Laptop & Chief Instructor
I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.
Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.
Downloads & Exercise files
Transcript
Now you're going to have some divs that will collapse too small. Okay, so if I get rid of this image and I get rid of this text, which, what happens, my footer comes in quite close, okay? And the website's looking strange when this footer comes up so close to the edge here. So I'm gonna undo all that. So what I'd like to do is add what's called a minimum height. So it means it could be any maximum height.
So it can grow, but it won't get smaller than a certain size. So, um, let's look at doing that. So do it. We're gonna do it to this text diviv down the bottom here. So I've clicked on text div and in my properties panel, you can see here is one that says minimum height. So I'm gonna set the minimum height to 300 pixels, and that just means that it won't ever get smaller than that.
So watch this. I can make it smaller, but you can see the div is forced to be that height, okay? It won't get any smaller. So you can do it for divs that are appearing on pages where you don't have much content for this text div here. And you want it to stay a certain height and not get too small. All right?
That's how you set a minimum height on a div tag. I'll see in the next tutorial.
