Grow your CSS skills. Land your dream job.

Column Widths| Diffierent Widths Showing In Browsers

  • # May 9, 2013 at 9:16 am

    Hello I have put some columns on each side of my container set at 944px.

    But when I view it in fire fox it is normal but view it in chrome the re both out further.

    Here is a link that I do my testing on.

    http://www.mwbcomputers.com.au/themes

    # May 9, 2013 at 9:23 am

    I think one of the problems is using absolute positioning of the side bars. If you shrink your browser window you’ll see what I mean.

    Also, it might work better across browsers if you reset the css and include some box-sizing:

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    # May 9, 2013 at 9:31 am

    In chrome it seems to be pushing it away rather than bring it in link fire fox

    # May 9, 2013 at 9:35 am

    also have a look at this demo page you see now double

    Instead of the two that should be showing now four are two inside page.

    http://mwbcomputers.com.au/themes/index.php?route=product/product&product_id=40

    I think thats way also not to sure how to fix problem.

    # May 9, 2013 at 9:45 am

    Firefox and Chrome measure browser widths differently in case that is a factor.

    # May 9, 2013 at 9:49 am

    I give up on that might best to do it in illustrator I think.

    # May 9, 2013 at 11:13 am

    >I give up on that might best to do it in illustrator I think.

    That would make no sense whatsoever.

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

You must be logged in to reply to this topic.

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