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:sstangle73@gmail.com">©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 Quote Link to comment 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 Quote Link to comment 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:sstangle73@gmail.com">©2008 Steven Stangle for NYPSL</a> </div> </body> </html> Quote Link to comment 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! Quote Link to comment 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 Quote Link to comment 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. Quote Link to comment Share on other sites More sharing options...
OriginalBoy Posted March 4, 2008 Share Posted March 4, 2008 Ok good you got everything working Quote Link to comment 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. 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.