Jump to content

ff bug?


sstangle73

Recommended Posts

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

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

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
Share on other sites

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
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.