dcsimg
www.webdeveloper.com
Results 1 to 4 of 4

Thread: design breaking in IE

  1. #1
    Join Date
    Mar 2007
    Posts
    26

    design breaking in IE

    when the text is made smaller in IE the layout of my design breaks and the second column goes under the first column

    http://www.nbyrne.co.uk/webwonder/about/

    IE does not support min-width etc does anyone know how i can stop this from happening without making the columns narrower...

    css code.

    #content{
    width: 54em;
    float: left;
    display: inline; /* IE6 double margin float*/
    max-width: 71%;
    margin: 0;
    }

    these are the two columns within the column div

    #columna {
    float: left;
    width: 49%; /*or 26em;*/
    margin: 40px 0 0 0;
    padding: 0;
    display: inline;/* IE double margin float*/
    }

    #columnb {
    padding: 0;
    margin: 40px 0 0 0;
    float: right;
    width: 49%; /*or 26em;*/
    display: inline;/* IE double margin float*/
    /*background: #FAF5FA;*/
    }


    wwonder

  2. #2
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    When viewed with IE6, the column is already misplaced, without resizing the text.

    KDLA

  3. #3
    Join Date
    Mar 2007
    Posts
    26
    this is because your default size of text is set diff from mine if you make your text size larger then you will not have a broken page this is what i wish to try and change - the layout breaking when the text gets smaller.

  4. #4
    Join Date
    Mar 2007
    Posts
    26
    i have sorted the problem out now thanks

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles