scott33 Posted July 3, 2009 Share Posted July 3, 2009 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 More sharing options...
dsonesuk Posted July 4, 2009 Share Posted July 4, 2009 having a quick look, befroe bed, it might be the margin-top settings, bit on the high side? might be causing it to disappear up its own @~#! ok sorry, out of the browser screen area. Link to comment Share on other sites More sharing options...
scott33 Posted July 4, 2009 Author Share Posted July 4, 2009 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 More sharing options...
dsonesuk Posted July 4, 2009 Share Posted July 4, 2009 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 More sharing options...
scott33 Posted July 4, 2009 Author Share Posted July 4, 2009 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 Link to comment Share on other sites More sharing options...
scott33 Posted July 6, 2009 Author Share Posted July 6, 2009 should i put the <TR></TD> stuff in the tables, i tested this out with divs then it worked in IE but not firefox... thats why i wondered if i should put the <TR> and <TD> tags in Link to comment Share on other sites More sharing options...
dsonesuk Posted July 6, 2009 Share Posted July 6, 2009 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.