I’m not sure what I’m doing wrong, and why the different results with this. This page looks very different between browsers. If I do a preview of it with it on my PC it looks ok in IE except that the menu bar needs to be to the right by 1px. In firefox it looks the same server side. With it on my server it is properly aligned horizontally but above the area (black bar) it should be in and well below the header (it should fit flush beneath the header). With Firefox I see the same except it is not properly aligned horizontally.
I removed border-top:20px solid #000; from .main-content {, I changed margin: 0 auto; to margin: 0 0 0 1px; in nav, .content { and I removed margin-top:20px; from nav {. It appears to be correct now.
Thanks!
Author
Posts
Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘CSS’ is closed to new topics and replies.