Header Height Question

CaldwellYSR

Member
Recently I've noticed ALOT of sites implementing a basic navigation then slider then call to action on the home page like you see in this template. I don't know if i just have a typical browser height or what but it seems like alot of these sites make their header perfect to fill the browser with that header at the beginning. Then I can scroll down below the content.

I've tried looking at the source for pages like this but I can't find anything that controls the height. So is it just a thing where the templates just make the content big enough to fit like that on a typical screen height or what?
 

ronaldroe

Super Moderator
Staff member
Looks like that one uses a min-height of 412px. From there, I think jQuery is adding height to the inner elements inline.

EDIT: In fact, it uses a carousel called Roundabout that has built-in scaling. It has a pretty impressive API. I'm going to have to spend some time with this...
 
Last edited:

gregt

New Member
Check out Responsive Design

Responsive Design is the newest thing in web design... it involves adjusting your layouts for the many devices there are out there: cell phones, pads, etc... in addition to computers. Lessframework.com is a good site to look at for reference. We are going to transition our current site (http://www.northstarwebdesign.com) to a responsive design. I will update this post when we are done.
 

CaldwellYSR

Member
Looks like that one uses a min-height of 412px. From there, I think jQuery is adding height to the inner elements inline.

EDIT: In fact, it uses a carousel called Roundabout that has built-in scaling. It has a pretty impressive API. I'm going to have to spend some time with this...

I knew you could find it Ronald :p thanks man
 
Top