bensarz
asked on
CSS behavior Firefox vs IE
ok please check my page in firefox and in IE
http://www.spacemonkeyfilms.com/spacemonkeyfilms/v2/
CSS is behaving really differently in IE and Firefox and I'm quite weirded out by this...
can any one tell me what is going on here!?!
here's the code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="SpaceMonkeyFilms _v2_Defaul t" StylesheetTheme="SpaceMonk ey_Default " %>
<!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 runat="server">
<title>Page sans titre</title>
</head>
<body style="background-color:#2 d1b1c; margin-top:0px;">
<form id="form1" runat="server">
<div style="background-image:ur l(../../Sp aceMonkeyF ilms/v2/im ages/Main_ 01.jpg); background-repeat:no-repea t; height:98px; margin-left:auto; margin-right:auto; width:790px;">
</div>
<div style="height:260px; margin-left:auto; margin-right:auto; width:790px;">
<object classid="clsid:D27CDB6E-AE 6D-11cf-96 B8-4445535 40000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="790" height="260">
<param name="movie" value="Nav_Main.swf" />
<param name="quality" value="high" />
<embed src="Nav_Main.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="790" height="260"></embed>
</object>
</div>
<div style="background-image:ur l(../../Sp aceMonkeyF ilms/v2/im ages/main_ body_backg round.jpg) ; background-repeat:repeat-y ; height:842px; margin-left:auto; margin-right:auto; width:790px;">
<div style="background-image:ur l(../../Sp aceMonkeyF ilms/v2/im ages/Main_ 03.png); background-repeat:no-repea t; height:367px; margin-left:auto; margin-right:auto; width:790px;"></div>
<div style="background-image:ur l(../../Sp aceMonkeyF ilms/v2/im ages/Main_ 04.png); background-repeat:no-repea t; height:439px; margin-left:auto; margin-right:auto; width:790px;">
<div style="background-color:Al iceBlue; height:197px; margin-left:265px; margin-top:120px; width:378px;">flash object</div>
</div>
<div style="background-image:ur l(../../Sp aceMonkeyF ilms/v2/im ages/Main_ 05.png); background-repeat:no-repea t; height:36px; margin-left:auto; margin-right:auto; width:790px;"></div>
</div>
</form>
</body>
</html>
http://www.spacemonkeyfilms.com/spacemonkeyfilms/v2/
CSS is behaving really differently in IE and Firefox and I'm quite weirded out by this...
can any one tell me what is going on here!?!
here's the code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb"
<!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 runat="server">
<title>Page sans titre</title>
</head>
<body style="background-color:#2
<form id="form1" runat="server">
<div style="background-image:ur
</div>
<div style="height:260px; margin-left:auto; margin-right:auto; width:790px;">
<object classid="clsid:D27CDB6E-AE
<param name="movie" value="Nav_Main.swf" />
<param name="quality" value="high" />
<embed src="Nav_Main.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="790" height="260"></embed>
</object>
</div>
<div style="background-image:ur
<div style="background-image:ur
<div style="background-image:ur
<div style="background-color:Al
</div>
<div style="background-image:ur
</div>
</form>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
I can still see the transitional doctpye and don't see the margin/padding reset anywhere in your code.
As a side note Virus Minus is 100% right in regards to strict doctype. It really is not that much harder and is so important when it comes to browser compatibility. He (Virus Minus) kept telling me the same things in my posts and I wanted to ignore that part (along with validating) until I realized that you can't. Do not reward me points just sharing my experiences.
ASKER
my error... I ran it on my local host...
just uploaded the file now...
just uploaded the file now...
ASKER
ok I decided to take a completely different approach to this...
thanks anyway guys!
awarding points for providing much info... thanks!
thanks anyway guys!
awarding points for providing much info... thanks!
ASKER
might be helpful to other people that you can run multiple versions of IE, useful when developing
http://tredosoft.com/Multiple_IE
changed the doctype
added the style tag
still no fix for the margins/padding error...
any other ideas as to what is causing this in firefox?