[Solved] Problems positioning menu bar. Different browser results.

[Anonymous]

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.

[yoyo]

The black bar is the border, remove the border-top for <section>below the <nav> and add

    border-bottom:20px solid black;

for header class

[Anonymous]

Greetings,

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