problema visualizzazione browser chrome

**fulmine982** · 10-02-2012, 02:39

ho un problema con questo codice su explorer 9 vedo bene su google chrome no perchè?

codice:

  
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rossella Fuggetta</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script>
	$(document).ready(function(){
		//$("#logo").effect("highlight", {}, 3000);
		 $('#logo').animate({"top": "+=190px"}, "slow");
        // $('#logo').effect("bounce", { times:3 }, 300);
	});
</script>
<style type="text/css">
#apDiv1 {
	position:absolute;
	left:743px;
	top:474px;
	width:88px;
	height:83px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:573px;
	top:-105px;
	width:249px;
	height:445px;
	z-index: 1;
}
</style>
</head>
<body>
<div id="content">
  <div id="header">
    <div id="logo2">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="410" id="FlashID3" title="logo">
        <param name="movie" value="Flash/giulio2.swf" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        <param name="LOOP" value="false" />
        <param name="QUALITY" value="high" />
        
        
        <object type="application/x-shockwave-flash" data="Flash/giulio2.swf" width="200" height="410">
          
          <param name="wmode" value="transparent" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <param name="LOOP" value="false" />
          <param name="QUALITY" value="high" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            

</p>
          </div>
          
        </object>
        
      </object>
    </div>
    <div id="titles">
      <div id="title_eng">Corporate Image Consultancy Agency</div>
      <div id="title_it">Consulenza d'Immagine Aziendale</div>
      <div id="sub_title">
        <div id="london">London</div>
        <div id="Milan">Milan</div>
        <div id="rome">Rome</div>
        <div id="Florence">Florence</div>
      </div>
    </div>
  </div>
  <div id="body_en">
    <div id="text_en">
   

</p>
</div>
    <div id="menu_en">
      <div id="menu">
        <ul>[*]
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="87" height="248" align="right" id="FlashID" title="EnglishButton">
              <a href="en/RFCI-team.html">
                <param name="movie" value="Flash/english_pulsante_bianco_giulio.swf" />
                <param name="quality" value="high" />
                <param name="wmode" value="transparent" />
                <param name="swfversion" value="6.0.65.0" />
                
                <param name="expressinstall" value="Scripts/expressInstall.swf" />
                
                
                </a>
              <object data="Flash/english_pulsante_bianco_giulio.swf" type="application/x-shockwave-flash" width="87" height="248" align="right">
                <a href="en/RFCI-team.html">
                  
                  <param name="quality" value="high" />
                  <param name="wmode" value="transparent" />
                  <param name="swfversion" value="6.0.65.0" />
                  <param name="expressinstall" value="Scripts/expressInstall.swf" />
                  
                </a>
                <div>
                  <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                  

</p>
                </div>
                
              </object>
              
            </object>
          [*][*]RFCI team [*]RFCI clients[*]Seminars &amp; Workshop[*]One-on-one programs[*]Incentives &amp; Gifts[*]Professional dress code[*]Corporate uniform[*]Membership [/list]
      </div>
  </div>
  </div>
  <div id="body_it">
    <div id="text_it"></div>
    <div id="menu_it">
        <div id="menu">
          <ul>[*]
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="87" height="251" align="left" id="FlashID2" title="ItalianoBottone">
                <a href="it/seminari-e-workshop.html">
                  <param name="movie" value="Flash/italiano_pulsante_bianco_giulio.swf" />
                  <param name="quality" value="high" />
                  <param name="wmode" value="transparent" />
                  <param name="swfversion" value="6.0.65.0" />
                  
                  <param name="expressinstall" value="Scripts/expressInstall.swf" />
                  
                  
                  </a>
                <object data="Flash/italiano_pulsante_bianco_giulio.swf" type="application/x-shockwave-flash" width="87" height="251" align="left">
                  <a href="it/seminari-e-workshop.html">
                    
                    <param name="quality" value="high" />
                    <param name="wmode" value="transparent" />
                    <param name="swfversion" value="6.0.65.0" />
                    <param name="expressinstall" value="Scripts/expressInstall.swf" />
                    
                  </a>
                  <div>
                    <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                    

</p>
                  </div>
                  
                </object>
                
              </object>
            [*]
           [*]RFCI Team[*]RFCI Clienti[*]Seminari e Workshop
            [*]Programmi individuali[*]Incentivi e  Regali Aziendali[*]Dress Code Professionale[*]Divise Aziendali[*]Membership[/list]
          

</p>
      </div>
    </div>
  </div>
  <div id="footer">
    <div id="piva">P. IVA 06645100964</div>
  </div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID3");
</script>
</body>
</html>

**fulmine982** · 10-02-2012, 02:39

css è

codice:

 
@charset "utf-8";
#content {
	margin: auto;
	height: 750px;
	width: 900px;
	margin-top: -140px;
}
#header {
	height: 250px;
	width: 900px;
}
#body_en {
	background-color: #FFF;
	height: 350px;
	width: 440px;
	float: left;
}
#body_it {
	float: right;
	height: 350px;
	width: 440px;
	background-color: #FFF;
}
#footer {
	background-color: #FFF;
	height: 25px;
	width: 900px;
	clear: left;
}


#titles {
	height: 50px;
	width: 900px;
	margin-top: 140px;
	position: static;
	left: 108px;
	top: 283px;
	margin-left: 5px;
}
#title_eng {
	background-color: #FFF;
	height: 27px;
	width: 437px;
	float: left;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0082c4;
	text-align: right;
	font-size: 17px;
	font-weight: normal;
}
#title_it {
	float: right;
	height: 27px;
	width: 434px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #0082c4;
	font-size: 17px;
	font-weight: normal;
}
#sub_title {
	height: 20px;
	width: 260px;
	margin-right: auto;
	margin-left: 330px;
	margin-top: 30px;
}
#sub_title > div {
	display: inline;
	float: left;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}

#logo2 {
	height: 270px;
	width: 169px;
	margin: auto;
	background-repeat: no-repeat;
	display: block;
	margin-left: 346px;
	margin-top: 0px;
}

#logo {
	background-image: url(../img/logo.png);
	height: 169px;
	width: 169px;
	margin: auto;
	background-repeat: no-repeat;
	position: absolute;
	top: -159px;
	left: 758px;
	z-index: 4;
}
#text_en {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #0082c4;
	text-decoration: none;
	background-color: #FFF;
	text-align: left;
	height: 40px;
	width: 440px;
	overflow: auto;
}

#text_it {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	background-color: #FFF;
	text-align: left;
	height: 40px;
	width: 440px;
	overflow: auto;
}

#menu_it {
	background-image: url(../img/english2.png);
	float: left;
	height: 300px;
	width: 300px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
}

#footer > div {
	margin: auto;
	height: 10px;
	width: 150px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}
#menu_en {
	background-image: url(../img/english2.png);
	float: right;
	height: 300px;
	width: 300px;
	top: inherit;
	margin-left: 0px;
}
#menu_en #menu {
	list-style-type: none;
	height: 250px;
	width: 325px;
	margin-left: -20px;
	margin-top: 0px;
	clip: rect(auto,auto,auto,auto);
}
#menu_en #menu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #006AC1;
	text-decoration: none;
	text-transform: capitalize;
	list-style-type: none;
	float: right;
	text-align: right;
	margin-top: 20px;
	font-weight: bold;
	padding-left: 40px;
	margin-left: 0px;
}
#menu_en #menu a {
	color: #006AC4;
	text-decoration: none;
}
#menu_it #menu {
	list-style-type: none;
	height: 300px;
	width: 300px;
	margin-left: -10px;
	margin-top: 0px;
}
#menu_it #menu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
	/* [disabled]text-transform: capitalize; */
	list-style-type: none;
	float: left;
	text-align: left;
	padding-top: 100px;
	padding-bottom: 44px;
	padding-left: 10px;
	padding-right: 20px;
	margin-bottom: -30px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -96px;
	font-weight: bold;
}
#menu_it #menu a {
	color: #006AC4;
	text-decoration: none;
}
#content #header #titles #sub_title #london {
	font-size: 14px;}

fatemi sapere grazie! praticamente provate a fare una prova di visualizzazione.

**Vincent.Zeno** · 10-02-2012, 03:18

@fulmine982

questa volta ho corretto io...
ricorda che sei tenuto, come tutti, ad usare il tag CODE per postare codice

penso sia anche utile che tu fornisca un pagina online da visualizzare

buon lavoro

Discussione: problema visualizzazione browser chrome

Strumenti discussione

Ricerca discussione

Visualizza

problema visualizzazione browser chrome

css del file superiore.

Permessi di invio