Jump to content

Ie Validation


scott33
 Share

Recommended Posts

this seems to work fine in firefox.... i went through the code and still cant see a problem for IE... should i put my CSS in a link ref? i validated with the validation service here and the firefox dev toolbar... i downloaded the IE developer toolbar but i havent tried it on there yet... this is my HTML... only thing that shows up in IE is the background color, also it wouldnt let me put height in the table which is why i put the height in css...no errors with dreamweaver validation... but i got 20 errors from you all for not putting a alt in my image tagsif this code can be modified to work with IE that would help, this started out as a full template design but i cut some code out till i figure out whats wrong.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Untitled Document</title><style type="text/css">body { margin-top: -20px; background-color: #336e99; }#header { background-color:#5a90b7; height: 80px; width: 850px; }#manager { margin-top: -795px; border-color: #f4f4f4; }#contain { background-color: #fafafa; height: 900px; width: 850px; z-index: auto; }#contain2 { background-color: white; margin-top: -750px; height: 310px; width: 625px;}#footer { background-color:#5a90b7; margin-top: -20px; height: 90px; width: 625px; }#cheader{ background-color: black; background-image: url("../Desktop/cheader.jpg"); color: white; font-weight: bolder; margin-top: -850px; height: 25px; width: 625px;}#cfoot{ background-color: black; background-image: url("../Desktop/cheader.jpg"); color: white; font-weight: bolder; margin-top: -460px; height: 25px; width: 625px;}#headertext { color: white; font-weight: bolder; font-style: underline; }</style></head><body><table id="header" align="center"></table><table id="contain" align="center"></table><table id="contain2" align="center"></table><table id="manager"></table><table id="cfoot" align="center"></table><table id="cheader" align="center"></table><table id="manager" width="600" align="center" border="0" cellpadding="6" cellspacing="3"> <tr> <td align="center"><a href="../Desktop/manageusers.php"><img src="../Desktop/manage.jpg" width="139" height="140" alt="0"></a></td> <td align="center"><img src="../Desktop/moffers.jpg" width="139" height="140"alt="0"></td> <td align="center"><img src="../Desktop/inbox.jpg" width="139" height="140"alt="0"></td> <td align="center"><img src="../Desktop/logs.jpg" width="139" height="140"alt="0"></td> </tr> <tr> <td align="center"><img src="../Desktop/comments.jpg" width="139" height="140"alt="0"></td> <td align="center"><img src="../Desktop/contest.jpg" width="139" height="140"alt="0"></td> <td align="center"><img src="../Desktop/merchant.jpg" width="139" height="140"alt="0"></td> <td align="center"><img src="../Desktop/aoffer.jpg" width="139" height="140"alt="0"></td> </tr></table> </body></html>

Link to comment
Share on other sites

also the problem could be this...when i validate the HTML i got several of these errors that say i have nested the tables wrong, then some that says a table element is not allowed here... this is the first time i witnessed cross browser errors and i have been using the same structure for sometime.. maybe things changed tho.

Link to comment
Share on other sites

I just tried to validate this, and the errors are because the tables should have at least one line of <tr><td></td></tr> within them, the other error was that you are using an id (id="manager")reference twice, which should only be used once.obviously you have removed the nested tables to make it validate, and now use margin-top to position the tables.but this what you should have done.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Untitled Document</title><style type="text/css">body {margin: 10px;background-color: #336e99;}table td {vertical-align:top;}#header {background-color:#5a90b7;height: 80px;width: 850px;}#manager {border-color: #f4f4f4;}#contain {background-color: #fafafa;height: auto;width: 850px;z-index: auto;}#contain2 {background-color: white;margin-top: 0px;height: 310px;width: 625px;}#footer {background-color:#5a90b7;margin-top: 0px;height: 90px;width: 625px;}#cheader{background-color: black;background-image: url("../Desktop/cheader.jpg");color: white;font-weight: bolder;margin: 60px auto;height: 25px;width: 625px;}#cfoot{background-color: black;background-image: url("../Desktop/cheader.jpg");color: white;font-weight: bolder;margin: 60px auto;height: 25px;width: 625px;}#headertext {color: white;font-weight: bolder;font-style: underline;}</style></head><body><table id="header" align="center" border="0">    <tr>        <td>        <table id="cmanager" border="0">            <tr>                <td>                cmanager(me thinks i go here????) in header                </td>            </tr>        </table><!--cmanager-->        </td>    </tr></table><!--header--><table id="contain" align="center" border="0">    <tr>        <td valign="top">        <table id="cheader" align="center" border="0">            <tr>                <td>                cheader in contain                </td>            </tr>        </table><!--cheader-->                </td>    </tr>    <tr>        <td>                <table id="contain2" align="center" border="0">            <tr>                <td valign="middle">                <table id="manager" width="600" align="center" border="0" cellpadding="6" cellspacing="3">                    <tr>                        <td align="center">                        <a href="../Desktop/manageusers.php">                        <img src="../Desktop/manage.jpg" width="139" height="140" alt="0">                        </a>                        </td>                        <td align="center">                        <img src="../Desktop/moffers.jpg" width="139" height="140"alt="0">                        </td>                        <td align="center">                        <img src="../Desktop/inbox.jpg" width="139" height="140"alt="0">                        </td>                        <td align="center">                        <img src="../Desktop/logs.jpg" width="139" height="140"alt="0">                        </td>                    </tr>                    <tr>                        <td align="center">                        <img src="../Desktop/comments.jpg" width="139" height="140"alt="0">                        </td>                        <td align="center">                        <img src="../Desktop/contest.jpg" width="139" height="140"alt="0">                        </td>                        <td align="center">                        <img src="../Desktop/merchant.jpg" width="139" height="140"alt="0">                        </td>                        <td align="center">                        <img src="../Desktop/aoffer.jpg" width="139" height="140"alt="0">                        </td>                    </tr>                </table><!--manager-->                </td>            </tr>        </table><!--contain2-->                </td>    </tr>    <tr>        <td>        <table id="cfoot" align="center" border="0">            <tr>                <td>                CFOOT in contain                </td>            </tr>        </table><!--cfoot-->        </td>    </tr></table><!--container--></body></html>

Link to comment
Share on other sites

yea i cought the manager it was defined twicei found the browsershots website that takes snaps from multiple browsers and resolutionspretty cool.. now i dont have to redo myspace layouts :)

Edited by terror eyes
Link to comment
Share on other sites

i inserted all the required <tr><td></td></tr>. im not to sure what you want? if you want another row insert <tr> and then <td> which represents a cell within a table, and end that cell with </td> you could add another cell <td></td>, but this becomes more complicated, as now!, you have to tell any one cell row (before or after, within that table only) to colspan="2" as in "span two columns/cells, and finish that row with </tr>.hope you can understand this.could you supply code, so i/we can get an idea what you are trying to do.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...