Defining element size


show more Defining element size provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts show less
please wait ...

Defining element size

Over the last few movies we have explored the box model properties of margins, borders and padding and also along the way we've set an element's width and height. In this movie I want to formally introduce the width and height properties and review how all of the box model properties are used when calculating an element's size. To do this we are going to be working with the element-sizing.htm file, which you can find in 05_06 directory. I just want to preview this in a browser really quickly so you can see what's going on here.

I want you to focus on the two elements that have background colors; essentially we are going to create a two column layout with these, one on the left, one on the right. And we are going to make sure as the text is telling us here, that the size of these two columns don't exceed 600 pixels, they have to fit within the sort of 600 pixel space. And to do that we are going to have to accurately be able to calculate the width of both of these column...

Defining element size
Video duration: 10m 7s 8h 52m Beginner

Viewers:

Defining element size provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Core Concepts

Subject:
Web
Software:
CSS
Author:
please wait ...