Building Web DIrectory : 2 : Almost Done

The image shows where I stand as I write this post.

As posted before, view the build or the css for this homework assignment.

OBSERVATIONS
The screen shot may not look much different than my last progress report but holy cow have I been messing around with the css. I had wished I saved versions along the way because I had come to a point that produced some very weird behaviors and had to try to figure out what I did wrong. Whatever I have now is it. I will update a little more of the information but at this point I believe I've fulfilled Amos' requirements and I still have javascript to read about.



Some things I tried:

• Top navigation where it says "login" is a div inside of the container but shows outside of the container. This was achieved by top:-15px; position: relative;. But I had to give it a height less than the content to keep the H1 header "NYU Web..." in place. Not sure if this is a good practice.
  
• The sun logo has a rollover transparency. There were some weird issues with this in PC and it drove me nuts one night trying to figure it out. Never did. For PC, the navigation may dissapear when you rollover the sun. Weird.
• The top H1 header has a semi-transparent .png file for a background. This doesn't work in IE 6.
  
• In Firefox the form input has a background color when you select it. This doesn't work in IE
• The middle navigation is over the photo but that div is outside of the header div. I achieved this also with a negative and relative css value but the resulting space under the photo is where the menu should be. I could give the menu div a height less than the content but that would result in the bottom border moving.
  
• I really studied the list properties and behaviors in depth. I previously posted some observations.
• I don't really see the need to do any CSS like this #container > div > h1 BUT since it was a requirement it got me thinking and messing around. I found this on the web related to selectors but it's a little over my head at the moment because it is related to the DOM. I wish I could have that kind of CSS control just in the css file. Can I?
  
• If you're still reading I'm surprised :-)
  
• I would've like to have all the columns with the same background but don't want to use the height property and no other idea is coming to me.

I think that is it but may have more notes in class.