Grow your CSS skills. Land your dream job.

Website Alignment Out on Macbook

  • # February 25, 2013 at 8:40 pm

    G’day everyone,

    Why my website http://www.parkwayshenton.com/ 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

    @yeeyang

    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.

*May or may not contain any actual "CSS" or "Tricks".