Hi, I'm 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"> </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"> </td> <td width="13%" style="width: 170; vertical-align: middle" height="100%" nowrap> <p align="center" style="margin-top: 5"> </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"> </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"> </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"> </td> <td width="12%" style="width: 90; height: 11%; vertical-align: middle"> <p align="center" style="margin-top: 5; "> </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>
There are some CSS tag that doesn't work with ie just to let you know. plus the top part is wrong..... you have this <html> <head> <STYLE type="text/css"> } min-height: 100% } Code (markup): you should put this.. <!doctype HTML> <html> <head> <STYLE type="text/css"> body { min-height: 100%; } Code (markup): you should always close your css close with this ";"
1. Did you code it in HTML5 ? IE doesn't work whit H5 AFAIK . 2. Move the styles to a CSS file . Internal CSS is a bit screwy for me .
html5 work with ie. it almost the same but with a little more advance tags. but he right on linking the css file. plus try using div tag instead of tables
HTML5 does NOT work with IE and only parts of it will work with IE9...when it comes out the middle of next year! Only modern browsers work with HTML5.