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. Link to comment https://forums.phpfreaks.com/topic/57199-solved-ie-better-than-ff/ 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. Link to comment https://forums.phpfreaks.com/topic/57199-solved-ie-better-than-ff/#findComment-282718 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... Link to comment https://forums.phpfreaks.com/topic/57199-solved-ie-better-than-ff/#findComment-282978 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.