- Home
- Categorie
- Coding e Sistemistica
- Coding
- intro flash posizionamento css
- 
							
							
							
							
							intro flash posizionamento cssCiao, sto sviluppando un sito in wp, www punto villacova punto com 
 Sono riuscita ad inserire un filmato swf nell'index, come sfondo della pagina ma ho un problema con i posizionamenti.
 Con firefox tutto ok, con explorer si sballano tutti gli allineamenti dei div.
 purtroppo non ho ancora capito bene come fare per posizionare gli elementi in maniera corretta perché funzionino nello stesso modo con ie e con ff, :xqualcuno mi può aiutare?
 Grazie millissime in anticipo
 gegia 
 Allego sotto il file[html] html, body { 
 padding: 0;
 margin: 0;
 height: 100%;
 }html>body #content { 
 height: auto;
 min-height: 580px;
 }
 #container {
 height: auto;
 min-height: 580px;
 width:100%;
 /position: absolute;/
 text-align:center;z-index: 2;} body{ 
 font-family: Trebuchet, Trebuchet MS, verdana;
 font-size: 95%;
 line-height: 115%;
 background-color: #FFFFFF;
 background-image: url(images/sfondo_tuttepg.png);
 background-repeat: no-repeat;
 background-position: center center;
 text-align: center;
 z-index: 2;
 position:absolute;
 top: 50%;
 left: 50%;margin: -250px 0 0 -250px; 
 width:960px;
 height:530px;
 }body,td,th { 
 color:;
 }#doc { 
 width: 960px;
 }a, a:link { 
 padding: 1px;
 color: #D4D4D4;
 text-decoration: none;
 }a:hover { 
 color:;
 text-decoration: none;
 ;
 }h1 { 
 font-family: Trebuchet, Trebuchet MS, verdana;
 font-weight: bold;
 font-size: 190%;
 padding-top: .1em;
 padding-bottom: .5em;
 }h2 { 
 font-family: Trebuchet, Trebuchet MS, verdana;
 font-weight: bold;
 font-size: 150%;
 }h3 { 
 font-family: Trebuchet, Trebuchet MS, verdana;
 font-size: 130%;} h4 { 
 font-size: 105%;
 }p { 
 font-size: 100%;
 margin-bottom:1em;
 padding-right:100px;
 }strong, b { 
 font-weight: bold;
 }em, i { 
 font-style: italic;
 }code { 
 font: 1.1em;
 font-family: Trebuchet, Trebuchet MS, verdana;
 }acronym, abbr 
 {
 font-size: 0.9em;
 letter-spacing: .07em;
 }a img { 
 border: none;
 }#hd{ 
 text-align: center;
 padding-top: 24px;
 padding-bottom: 24px
 }
 h1{
 font-size: 290%;
 color:;} text-decoration: none; 
 color:;
 }h3 a:link, h3 a:hover, h3 a:visited{ 
 color:;
 }.item { 
 width:570px;
 height:320px;
 background-image: url(images/sfondo_post.png);
 background-repeat: no-repeat;
 position:relative;
 /top: 50%;
 left: 50%;/margin: 50px 0 0 -110px; text-align:left; border: 0px; margin-bottom: 1em; padding:20px; z-index:2; filter: alpha(opacity=80); opacity: 0.8;-moz-opacity:0.8; } .item ul { 
 list-style-type: disc;
 padding-left: 15px;
 margin-left: 10px;
 font-size: 80%;
 }.item ol{ 
 list-style-type: decimal;
 padding-left: 15px;
 margin-left: 10px;
 font-size: 80%;
 }.itemhead{ 
 padding-top: 5px;
 padding-bottom: 5px;
 }.chronodata { 
 display: inline;
 text-align: right;
 margin-left: 2em;
 font-size: 80%;
 }.itemhead h3{ 
 /display: inline;/
 text-align:right;
 padding-right:80px;
 font-size: 150%;
 }input{ 
 font-size: 80%;
 }.metadata{ 
 line-height: 190%;
 font-size: 75%;
 }.metadata a:link, .metadata a:hover, .metadata a:visited{ 
 color:;
 }.tags, .catagory { display: block;} .commentlist p { 
 clear: both;
 font-size: 95%;
 }cite{ 
 font-size: 95%;
 }blockquote { 
 margin: 15px 30px 0 10px;
 padding-left: 20px;
 border-left: 5px solid #ddd;
 }blockquote cite { 
 margin: 5px 0 0;
 display: block;
 }.commentmetadata { 
 font-size: 80%;
 float: right;} 
 .commentlist {
 margin-top: 5px;
 }
 .commentlist li {
 padding: 2px;
 border-top: 1px solid;
 }.navigation { 
 display: block;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 color:;
 }.navigation a:link, .navigation a:hover, .navigation a:visited{ 
 color:;
 }.alignright { 
 float: right;
 }.alignleft { 
 float: left
 }#secondary, #third{ 
 background-color: transparent ;
 /background-image: url(images/bg_overlay.png);
 background-repeat: repeat;/
 text-align:left;
 padding: 0px;
 border: 0px;
 position:relative;
 top:50%;
 SP_GRADIENT
 }color:; 
 font-family: Trebuchet MS, arial, sans-serif;
 margin-top: 5px;
 padding: 3px;} padding: 3px; 
 font-size: 70%;
 }#searchform { 
 clear: both;
 margin-bottom: 5px;
 margin-left: 2px;
 padding: 3px;
 }margin-left: 9px; 
 }#menu { 
 padding:0;
 border:0px solid #fff;
 position:relative;
 top:50px;margin: 0 0 0px -100px; 
 width:160px;
 height:320px;
 background-image: url(images/sfondo_menu.png);
 background-repeat: no-repeat;
 /background-position: center top;/
 filter: alpha(opacity=80);
 opacity: 0.8;
 -moz-opacity:0.8;
 z-index:2;} 
 ul {list-style:none; margin:0; padding:0;padding-top:4px; font-size:90%; line-height:60%; }
 ul li { padding:0; margin:0; border-bottom:0px; }
 ul li a { display:block; padding:4px 4px 4px 10px; text-decoration:none; color:; }
 ul li a:hover { color:myheadttcolor; }li .categories, li .linkcat, li .pagenav { 
 list-style: none;
 margin: 0px;
 padding: 0px;
 }.yui-nav{ 
 margin-bottom: -1px;
 }.yui-navset .yui-nav a:hover { 
 background-color:;
 color:;
 }.yui-navset .yui-nav li a { 
 background-color:;
 background-image: url(images/bg_overlay.png);
 background-repeat: repeat;
 border-bottom: 0px;
 color:;
 padding: .3em .7em .3em .7em;
 text-decoration:none;
 font-size: 85%;
 }#wp-calendar { 
 empty-cells: show;
 font-size: 90%;
 margin: 0;
 width: 90%;
 padding: 3px;
 }#next a { 
 padding-right: 10px;
 text-align: right;
 }#prev a { 
 padding-left: 10px;
 text-align: left;
 }display: block; 
 text-decoration: none;
 }color:; 
 font-size: 70%;
 letter-spacing: normal;
 padding: 2px 0;
 text-align: center;
 }#today { 
 background: ;
 color:;
 }font-style: normal; 
 text-transform: capitalize;
 }#ft { 
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 color:;
 }color:; 
 }
 #sfondoFlash{
 position:absolute;
 width:100%;
 height:100%;
 z-index:-1;
 position:absolute;
 top: 50%;
 left: 50%;margin: -320px 0 0 -700px; 
 }[/html]