Copying a design

HTML & CSS
1

I found a site with a really nice design.
Problem is that I want to try to figure out a way to do recreate it (not just copy it) So I’m stuck as to why this is happening
http://fixmysite.us/jmbrown/
shouldn’t the div#main cover the yellow line on the right since its width is the same as the div#content?
Thanks…

2

No, because Content has 16px of padding on each side, which makes its overall width 755px + 32px = 787px.

So… reduce the width of #main instead by 32px and put the padding on that div. Then set the width of Content to 100%. That’s my preferred method, though it’s OK to do it the way you did it. You just have to reduce the width of Content by 32px.

3

oh…
thanks…

4

ok, same site, but why is the menu not on the bottom of its containing div #nav?
shouldn’t it be…
Thanks…

5

Browsers put default margins on various items, such as Ps and ULs, hence the common use of CSS resets. You need to get rid of the top and bottom margins:

DIV#nav UL#nav-primary {
  position: absolute;
  height: 38px;
  bottom: 0px;
  [COLOR="Red"]margin: 0 0 0 200px;[/COLOR]
}
6

k, your all over this forum!
Thanks…