HTML Forum

**buyingaring** · 03:41 PM

Hi,

Im having a problem cross browser with designing my site. In FireFox it works 100% perfect but when I use Internet Explore it moves something around so it doesent line up. The problem with Internet Explore is that it shifts the image over. Below is a pic and the code I am using.

Thanks!!!

This will show you my problem... http://i51.tinypic.com/2ch9bhw.gif

Heres the code...

HTML Code:

<html>
<head>
<STYLE type="text/css">
}
min-height: 100%
}
{
height: 100%;
}
select { 
}

body{
padding:0px;
margin:0px;
background-color:#FFFFFF;
}


table {border-collapse:collapse; border:0px;}


table, td {
        width:100%;
        height:100%;
        border:0px;
    }

td { vertical-align:top; padding:0px;}

</STYLE>

</head>
<body>
    <div align="center">
      <center>
    <table style="border-collapse: collapse; height:10" bordercolor="#111111" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td style="height:119" width="100%">
            <table style="width:766px;" align="center">
              <tr>
                <td style="height:109px">
                    <table height="91%" width="100%" style="height: 0; border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0" >
                      <tr>
                        <td rowspan="2" height="91%" style="vertical-align: bottom; height:10">
                        <p align="right">&nbsp;</td>
                        <td style="vertical-align: middle; height:10" height="91%" width="100%">
                        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" width="100%">
                          <tr>
                            <td width="56%" style="vertical-align: bottom">
                            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width:536" bordercolor="#111111">
                              <tr>
                                <td width="42" style="vertical-align: middle; height:50">
                                <p style="line-height: 50px">
                                <b>
                                <font size="5" color="#FF0000">Web</font></b></td>
                                <td width="41" rowspan="2">
                        <img border="0" width="52" height="74" align="right"></td>
                              </tr>
                              <tr>
                        <td style="vertical-align: bottom" nowrap>
                            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="100%">
                              <tr>
                                <td style="width: 125; height: 11%; vertical-align: middle">
                                <p align="center" style="margin-top: 5; margin-left:5">
                                &nbsp;</td>
                                <td width="13%" style="width: 170; vertical-align: middle" height="100%" nowrap>
                                <p align="center" style="margin-top: 5">
                                &nbsp;</td>
                                <td style="width: 160; height: 11%; vertical-align: middle" background="http://i51.tinypic.com/nxuovc.gif">
                                <p align="center" style="margin-top: 5">
                                Something</td>
                                <td style="width: 10; height: 11%; vertical-align: top" bgcolor="#FDC702" align="left">
                            <img src="http://i51.tinypic.com/xpu97q.jpg" width="11" height="25" align="absbottom"></td>
                              </tr>
                            </table>
                        </td>
                              </tr>
                              </table>
                            </td>
                            <td width="144%" style="vertical-align: bottom">
                        &nbsp;</td>
                          </tr>
                        </table>
                          </tr>
                        <tr>
                        <td style="vertical-align: bottom" nowrap>
                            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="16%">
                              <tr>
                                <td width="12%" style="width: 100; height: 11%; vertical-align: middle">
                                <p align="center" style="margin-top: 5; margin-left:3">
                                &nbsp;</td>
                                <td width="13%" style="width: 1; vertical-align:bottom" height="16%">
                            <img border="0" width="1" height="34"></td>
                                <td width="13%" style="width: 90; vertical-align: middle" height="16%">
                                <p align="left" style="margin-top: 5">
                                &nbsp;</td>
                                <td width="12%" style="width: 90; height: 11%; vertical-align: middle">
                                <p align="center" style="margin-top: 5; ">
                                &nbsp;</td>
                                <td width="12%" style="width: 120; vertical-align: middle" height="16%" background="http://i52.tinypic.com/avh9n6.gif" nowrap>
                                <p align="center" style="margin-top: 5; ">
                                Something</td>
                                <td width="50%" style="width: 50" height="16%" align="right" background="http://i53.tinypic.com/2u74xz4.gif">
                                <p align="center">
                                </td>
                              </tr>
                            </table>
                        </td>
                      </tr>
                      </table>
                </td>
              </tr>
              </table>
        </td>
      </tr>
      </table>
      </center>
    </div>
</body>
</html>

**mikarusensei** · 12:15 PM

It only does not working in IE but it is okay in chrome and mozilla?. Have you set the preferences in IE? I think you have to do that first.

<removed>

**LadynRed** · 10-24-2010, 12:18 PM

Quote:

Have you set the preferences in IE? I think you have to do that first.

Ridiculous. Preference settings will not make any difference at all when dealing with layout issues in IE.

My question is, what VERSION of IE?? It makes a difference. I wouldn't even bother with IE6.

Next question - why are you using tables for layout? Tables are meant for DATA, not layout. Learn to use CSS for your layouts.

You should also NOT be using inches for your widths and heights - the web is built on PIXELS, or em's or percentages, not inches. By using inches, you're forcing the browser to make conversions and you never want that. Change your units to pixels and then see how it looks.