The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Website Alignment Out on Macbook

  • # February 25, 2013 at 8:40 pm

    G’day everyone,

    Why my website Alignment Out on Macbook. Its showing fine on PC.

    Please Help

    # February 25, 2013 at 8:53 pm

    your width on your `.wrapper` is 980px.

    # February 25, 2013 at 9:10 pm


    thanks for reply

    if you check the website on macbook the problem is top menu bar CONTACT US jumped to next line and if you hover over it will show you alignment is fine. I have to find solution of it on mac

    # February 25, 2013 at 9:12 pm

    The problem is the difference in font rendering. Your menu is wrapping because the font (or padding) is too large. The floating slider then ‘catches’ on the wrapped menu item and displaces the sidebar. To prevent the slider from doing so, I’d add a clear: left to #slider-col. The menu will need addressing by changing font size (perhaps 11px), weight, or padding; or some other fix.

    # February 25, 2013 at 9:40 pm

    Thanks @Wolfcry911 I will make that changes =)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed