HTML Design Not Working In IE

HTML & CSS
1

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>
<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>
2

Well there’s the start of the problems - you’re applying height and min-height to … um, nothing.

And then it gets worse when you get into the <body>, it’s straight out of the dark ages. You’ve got loads of CSS scattered through the markup, when it should be extracted to the stylesheet, you’ve got tables where (as far as I can tell) you have no business having tables, and you have some of the worst abuses of HTML markup to force layout that I’ve seen in a long time.

3

The html is a total mess too. I suggest that you put in a doctype and validate your page. And how about not using tables for lay-out?

4

Its not online i’m just making the site which is almost complete. Im not sure if css is the problem well I really got no idea :rolleyes:

Thanks for the help

5

The css is not valid. Can you give a URL to the page?