border width inclusive in total width in IE

Posted on 2006-06-03
Last Modified: 2008-02-01
If I have a 300px wide container div with a 2 px border and I put a div inside this one with three 100px images, the last one will drop down to the next line in IE because  the border width is inclusive in IE . IN Mozilla and  NN it is not inclusive in the width. How do I get this to work in all browsers?
Question by:894359

    Author Comment

    FYI... I kn ow I can put it all in another div and just give it a bg color and bigger width to create a border but didn't know if there was a way to not use additional div?
    LVL 49

    Expert Comment

    Start of adding a <!DOCTYPE definition to make IE get into standard compliance mode. This will help your development, because IE will behave more like other browsers along the W3-standards.


    Author Comment

    I have one:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    LVL 49

    Accepted Solution

    It is incomplete. Try having:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    A colleague recently asked me about how to give his client a small part of the web site that could be completely under the client's control.  Since I have done this sort of thing before to add emergency banners to a web site, I decided I would creat…
    Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
    In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now