CSS Div issue

HTML & CSS
21

Yep, working now. :slight_smile: If the text and buttons are too far apart, you can remove/reduce the <p> margins in that div.

22

Great, thanks for your help again!

23

Your client login button has dropped to the next line in Firefox.chrome and safari on the PC and is missing in Ie8 and broken in IE7.

You can’t really make elements just happen to fit by virtue of their font-size and padding because the width f fonts varies greatly between browsers. Firefox seems to be 5 or 6px too big.

You can offset this by letting the last anchor element be display:block and text-align:center and no side padding like this:


#mainMenu li.mainlast a {
    float:none;
    display:block;
    white-space:nowrap;
    padding:10px 0;
    text-align:center
}

That will soak up the various difference between browsers.