Amazon version of tutorial doesn't mention CSS needed to make map work in step 11

Jun 8, 2009 at 5:59 PM
Edited Jun 8, 2009 at 7:18 PM

I was following the tutorial posted here:

http://nerddinnerbook.s3.amazonaws.com/Part11.htm

All went well until I got to this chapter. The tutorial doesn't mention that one needs the following styles to avoid a map that shows up on the upper left of the page and covers the edit form: 

#theMap {

 

    position: relative; 

    width: 500px; 

    height: 450px;

}

 

#dinnerDiv {

    float: left;

    width: 280px;

}

 

#mapDiv {

    float: left;

}

 

#mapDivLeft {

    float: left;

}

 

#mapDivRight {

    padding: 30px 0px 0px 20px;

    float: left;

}

 

#dinnerList {

    padding:0px 0px 0px 0px;

}

 

#searchBox {

    padding:0px 0px 10px 0px;

}


 

 

Jun 22, 2009 at 7:34 AM

Same for me,
I spent some time "aligning" map on page, and once I did it, I remembered about the sources here :)..