TheFilmGod Posted June 26, 2007 Share Posted June 26, 2007 I've finished the header of a site I'm building. (Just the header). It works in IE6 but gets completely screwed up in FireFox!! Here is the link to the page: wwpknights.com/index2 XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Home of the Northern Knights</title> <link href="styles2.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div class="header"> <div class="login"> <table width="260" border="0"> <tr> <td width="126">User<br /><input name="textfield" type="text" size="20" /></td> <td width="126">Password<br /><input name="textfield" type="text" size="20" /></td> </tr> <tr> <td colspan="2">Register | Forgot Password </td> </tr> </table> </div> </div> <div class="navigation"> <table width="721" border="0"> <tr> <td width="96"><span class="nav_links">Home</span></td> <td width="120"><span class="nav_links">Profiles</span></td> <td width="90"><span class="nav_links">Class</span></td> <td width="115"><span class="nav_links">S.C.</span></td> <td width="278"><input name="textfield2" type="text" size="30" /> <input type="submit" name="Submit" value="Search" /></td> </tr> </table> </div> </center> </body> </html> CSS: .header { background-image: url(logo.png); background-repeat: no-repeat; padding: 10px; position: relative; width: 750px; } .login { padding: 10px; width: 260px; position: relative; float: right; } .navigation { padding: 4px; width: 762px; position: relative; background-image: url(navigation.png); background-repeat: no-repeat; } .nav_links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFFFFF; } I think the code is very straight forward. I still don't understand why firefox makes it overlap like that and IE 6 makes it work like a charm ???. Thanks for you help in advance. Quote Link to comment Share on other sites More sharing options...
mkoga Posted June 26, 2007 Share Posted June 26, 2007 It is possible that the problem is that your positions are relative, try changing to absolute and see if that helps. Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted June 26, 2007 Share Posted June 26, 2007 Nowt (much) worng with FF - its always IE that doesn't do what its supposed to... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.