sstangle73 Posted March 3, 2008 Share Posted March 3, 2008 ill say it now im new to the whole div designing so if anyone see some thing realllllllly stupid im doing let me know theres 2 [kinda 3 2 are related i think] things that i cant figure out. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>u23 New York Premier Soccer League</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="-1"> </head> <body bgcolor="#B29752" text-align="center" > <div align="center" style="width:750px;margin:0 auto;text-align:left;border:4px white solid;"> <img src="images/NYPSL.gif"> <div style="position:static;width:742px;height:50px;border:4px black solid;background-color:#8FABFF;"> ! </div> <div align="left" style="float:left;position:relative;width:200px;height:750px;border:4px black solid;background-color:#717DBF;"> !! </div> <div align="left" style="float:right;position:relative;width:534px;height:750px;border:4px black solid;background-color:#BDFF69;"> !!! </div> </div> <div align="center" style="margin-left:auto;margin-right:auto;position:relative;bottom:0px;"> <a href="mailto:[email protected]">©2008 Steven Stangle for NYPSL</a> </div> </body> </html> so the 1st think in FF the last div the one with the © in it is in the complete wrong spot in FF in IE its perfect 2nd the white box around the BIG div in ff only goes around the image and 1st div inside it. and finally inside the big div between the image and the nav theres a space any one got ideas? updated and uploaded: nypsl.stangle.info Link to comment https://forums.phpfreaks.com/topic/94181-ff-bug/ Share on other sites More sharing options...
sstangle73 Posted March 3, 2008 Author Share Posted March 3, 2008 my update fixed the ©. . .now its just the white box. and the space after the image Link to comment https://forums.phpfreaks.com/topic/94181-ff-bug/#findComment-482427 Share on other sites More sharing options...
sstangle73 Posted March 3, 2008 Author Share Posted March 3, 2008 updated again fixed the space now its just the white box uploaded here code+link http://nypsl.stangle.info <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>u23 New York Premier Soccer League</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="-1"> </head> <body bgcolor="#B29752" text-align="center" > <div align="center" style="width:750px;margin:0 auto;text-align:left;border:4px white solid;"> <div><img src="images/NYPSL.gif"></div> <div style="position:static;width:742px;height:50px;border:4px black solid;background-color:#8FABFF;"> ! </div> <div align="left" style="float:left;position:relative;width:200px;height:750px;border:4px black solid;background-color:#717DBF;"> !! </div> <div align="left" style="float:right;position:relative;width:534px;height:750px;border:4px black solid;background-color:#BDFF69;"> !!! </div> </div> <div align="center" style="margin-left:auto;margin-right:auto;position:relative;bottom:0px;"> <a href="mailto:[email protected]">©2008 Steven Stangle for NYPSL</a> </div> </body> </html> Link to comment https://forums.phpfreaks.com/topic/94181-ff-bug/#findComment-482440 Share on other sites More sharing options...
haku Posted March 4, 2008 Share Posted March 4, 2008 It looks the same in both firefox and IE to me. One thing I would suggest for the future is designing your sites first in firefox, and then adjusting for IE. Firefox is a standards compliant browser, and IE isn't. So firefox will more closely match other standards compliant browsers (like Safari and Opera), and you only have to adjust for IE. If you design for IE first, you are trying to make a site that works on a crappy browser work on a good browser. This will cause you many headaches! Link to comment https://forums.phpfreaks.com/topic/94181-ff-bug/#findComment-482472 Share on other sites More sharing options...
sstangle73 Posted March 4, 2008 Author Share Posted March 4, 2008 yeah i took out some of the problems but its mostly fine now the only thing i couldnt get right was the copyright when i put it on the bottom it made it so any of the text in the floats wasnt highlightable. i made it with both FF and IE opened and changed it untill i was happy with both. it really amazes me how much stuff will have no effect in IE but does alot in FF or visa-versa Link to comment https://forums.phpfreaks.com/topic/94181-ff-bug/#findComment-482475 Share on other sites More sharing options...
haku Posted March 4, 2008 Share Posted March 4, 2008 Better not to design for them both at the same time. Design entirely for firefox, make sure your code is valid, then adjust for IE. That is the path of least resistance! Glad you got everything working ok. Link to comment https://forums.phpfreaks.com/topic/94181-ff-bug/#findComment-482506 Share on other sites More sharing options...
OriginalBoy Posted March 4, 2008 Share Posted March 4, 2008 Ok good you got everything working Link to comment https://forums.phpfreaks.com/topic/94181-ff-bug/#findComment-482948 Share on other sites More sharing options...
TheFilmGod Posted March 5, 2008 Share Posted March 5, 2008 also try to use external style sheets, inline styles undermine the "true" purpose of css - which was to separate content and presentation. Link to comment https://forums.phpfreaks.com/topic/94181-ff-bug/#findComment-483422 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.