Link to home
Create AccountLog in
Avatar of bensarz
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_Default" StylesheetTheme="SpaceMonkey_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:#2d1b1c; margin-top:0px;">
    <form id="form1" runat="server">
    <div style="background-image:url(../../SpaceMonkeyFilms/v2/images/Main_01.jpg); background-repeat:no-repeat; 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-AE6D-11cf-96B8-444553540000" 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:url(../../SpaceMonkeyFilms/v2/images/main_body_background.jpg); background-repeat:repeat-y; height:842px; margin-left:auto; margin-right:auto; width:790px;">
        <div style="background-image:url(../../SpaceMonkeyFilms/v2/images/Main_03.png); background-repeat:no-repeat; height:367px; margin-left:auto; margin-right:auto; width:790px;"></div>
        <div style="background-image:url(../../SpaceMonkeyFilms/v2/images/Main_04.png); background-repeat:no-repeat; height:439px; margin-left:auto; margin-right:auto; width:790px;">
            <div style="background-color:AliceBlue; height:197px; margin-left:265px; margin-top:120px; width:378px;">flash object</div>
        </div>
        <div style="background-image:url(../../SpaceMonkeyFilms/v2/images/Main_05.png); background-repeat:no-repeat; height:36px; margin-left:auto; margin-right:auto; width:790px;"></div>
    </div>
   
    </form>
</body>
</html>
ASKER CERTIFIED SOLUTION
Avatar of VirusMinus
VirusMinus
Flag of Australia image

Link to home
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
See answer
Avatar of bensarz
bensarz

ASKER

thanks for the tip on png's... I hadn't even thought about that...
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?
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.
Avatar of bensarz

ASKER

my error... I ran it on my local host...

just uploaded the file now...
Avatar of bensarz

ASKER

ok I decided to take a completely different approach to this...

thanks anyway guys!

awarding points for providing much info... thanks!