credo che il problema risieda nella cattiva internepretazione di internet explorer tuttavia il problema è il seguente:
il testo appare decentrato e comunque c'è una differenza abissale nel crossing:
vi posto il css:
------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
.Stile3 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>
<body>
<div id="header">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100%','heig ht','150','src','wolking bravo_progress2_Scena 1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','wolking bravo_progress2_Scena 1' ); //end AC code
</script>
<noscript>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="150">
<param name="movie" value="wolking bravo_progress2_Scena 1.swf" />
<param name="quality" value="high" />
<embed src="wolking bravo_progress2_Scena 1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="150"></embed>
</object>
</noscript>
</div>
<div id="extra">extra</div>
<div id="contanier">
<div id="sinistro">
<div class="divf" id="main_intro">
</p>
<ul><li class="testo Stile3">
<li class="testo Stile3">home page
<li class="testo Stile3">se ancora non l'avessi capito
<li class="testo Stile3">web design [/list]
<ul>
<li class="testo Stile3">curriculum[/list]
</p>
</div>
<div class="divf" id="servizi">
</p>
<ul>
<li class="testo">ottimizzazione motori di ricerca
<li class="testo">blogger or website management
<li class="testo">flash intro
<li class="testo">registrati come azienda
<li class="testo">ingaggiami[/list]
</div>
<div class="divf" id="community">
<ul>
<li class="testo">
<li class="testo">
<li class="testo">
<li class="testo">forum
<li class="testo">registrati
<li class="testo">lista membri
<li class="testo">smartanimation per il sociale
<li class="testo">css
<li class="testo">[/list]
</div>
<div id="statistiche">
</p>
<ul><li class="testo">
<li class="testo">visite totali :
<li class="testo">visite nell'ultimo mese:
<li class="testo">visite del giorno:
<li class="testo">[/list]
</div>
</p>
</p>
</div>
<div id="centrale">
centrale</p>
</p>
</p>
</p>
</p>
</div>
<div id="destro">
<p align="right">destro</p>
</p>
</p>
</p>
</p>
</div>
</div>
<div id="footer">footer</div>
</body>
</html>
#contanier {
width: 960px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}
#header {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
#extra {
width: 800px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
#sinistro {
float: left;
width: 230px;
}
#contanier #centrale {
float: left;
width: 500px;
padding-top: 10px;
}
#contanier #destro {
float: left;
width: 230px;
padding-top: 10px;
}
#footer {
clear: both;
width: 100%;
margin-top: 10px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding:0px;
background: url(content/bacground_body_smartanimation.jpg) fixed repeat-x bottom;
}
.text-news {
text-decoration:none;
color:#333333;
}
.icone {
float:left;
margin-left:5px;
}
.testo {
font-size: 11px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
line-height:22px;
}
li {
margin:0px;
padding:0px;
padding-left:5px;
padding-top:2px;
}
ul {
list-style-type:none;
margin:0px;
padding:0px;
}
a {
text-decoration:none;
color:#999999;
}
a:hover {
color:#000000;
text-decoration:underline;
}
-----
#main_intro {
width: 210px;
margin-right: auto;
margin-left: auto;
background-image: url(grafica/main_intro_bg.png);
background-repeat: no-repeat;
background-position: center top;
height: 220px;
margin-bottom: 10px;
margin-top: 10px;
padding-top: 20px;
}
#servizi {
width: 210px;
height: 220px;
margin-right: auto;
margin-left: auto;
margin-bottom:15px;
background-image: url(grafica/servizi_bg.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 20px;
}
#community {
width: 210px;
height: 220px;
margin-right: auto;
margin-left: auto;
margin-bottom:15px;
background-image: url(grafica/community_bg.png);
background-repeat: no-repeat;
background-position: center top;
}
#statistiche {
width: 210px;
height: 220px;
margin-right: auto;
margin-left: auto;
margin-top:15px;
background-image: url(grafica/statistiche_bg.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 20px;
}
.insider {
width:150px;
padding-top:20px;
}
ho provato ad ovviare al problema con la classe insider togliendo il padding-top per far scendere il testo nei vari content e creato un secondo div classato insider(come ho trovato su un sito) ma il risultato un disastro.
P.S: fossi poco chiaro posto un link provvisorio del sito
grazie
Rispondi quotando