Class 2 Homework (part 1) - Actor Webpage Wireframe

This exercise took me a little longer than I was expecting it to. While it came out looking exactly how I wanted it to, I'm not all to sure that I accomplished it in the most efficient way possible.

The wireframe can be found here.

One thing I found extremely annoying was formatting. I found myself doing A LOT of trial and error with widths, trying to line everything up. Is there a better way to manage alignment?

Some other thoughts while I was doing this.

1) I wound up using 4 different div containers for this wireframe.

• The large container which held all of the divs


• A container for all of the things on the left side of my wireframe


• A container for all the things in the main body of my wireframe


• A small div within my "main" container which held the two video thumbs

The left side div and the main div definitely made things a little easier when doing this. I'm not quite sure how I would have done it without them. I wasn't sure if was necessary to make the div to hold the video thumbnails. I wanted to keep other things along the same line, so I wasn't sure how to put one on top of the others without that small div.

2) I had to make 3 different types of clear. One was a small clear, which basically just ended the line without making any space between that one and the next. I made a regular clear, which had a height of 5 pixels. Finally, I made a big clear, which had a height of 20 pixels. These were mainly just for formatting purposes. Is there a better way to handle this?

3) I wound up with 16 different items in my css file. I'm not sure what the norm with this was. I would obviously like to keep things simpler if it is possible. On top of that, I feel like certain entries were wasteful. For example, I declared in almost all the divs that they should float: left. I wanted to do this for all divs, but when that seemed to mess up the centering of my main container.