Skip navigation
Currently Being Moderated

table width are different for IE, than with MZFX & GLE

Sep 20, 2013 11:28 AM

Tags: #html #javascript #cs6

Hi everyone,

 

I have three tables and would like them to be the same width (for looks).

 

I tried the following:

 

#code_selection {
width:50px;
margin-left:30%;
}

#wash_type {
width:398px;
margin-left:30%;
}

#wash_schedule {
width:398px;
margin-left:30%;
}

 

In IE, they are not aligned, but in Mozilla & Google they are?

 

Can someone explain, what's happening?

 

Thank you.

 
Replies
  • Currently Being Moderated
    Sep 20, 2013 11:36 AM   in reply to Porven

    I'm not sure I understand the problem/question. What do you mean by align?

     

    If you want them to be side by side, you'll need to override the standard table behavior of stacking on a page by using float:left or float:right in your css for each.

     

    If you want them to stack and be the same width, you'll need to give them all the same width and margin settings.

     

    It's really hard to tell what else could be going wrong without seeing the html. Do you have a link to the page in question and a little more info on what the issue is?

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 20, 2013 12:27 PM   in reply to Porven

    Sales, Equipment Status and Time/Date tables look the same to me in FF, IE and Chrome.

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 20, 2013 1:00 PM   in reply to Porven

    Try this:

     

    #code_selection {

    width:500px;

    margin-left:30%;

    }

     

    #wash_type {

    width:500px;

    margin-left:30%;

    }

     

    #wash_schedule {

    width:500px;

    margin-left:30%;

    }

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 20, 2013 1:07 PM   in reply to Nancy O.

    Yeah, your widths were just different in the code you posted.

     

    Since your first table was set to 50px, only the text in the cells was holding it open to a larger size (it couldn't collapse all the way down to 50 pixels).

     

    The other two were set to 398px which is a bit larger than the width of the text in each cell so they looked normal.

     

    Once you change the width of that first table to be the same as the other two, it should look fine.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points