• User Newbie

    intro flash posizionamento css

    Ciao, sto sviluppando un sito in wp, www punto villacova punto com
    Sono riuscita ad inserire un filmato flash 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 :sun:
    Allego sotto il file css

    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;
    }


  • User Attivo

    provato già a chiedere nella sezione CSS?
    😄


  • Consiglio Direttivo

    Salve.

    Essendo stata aperta un'altra discussione identica nella sezione più appropriata - questa - chiudo la presente per evitare il crossposting, che è vietato dal nostro Regolamento (punto 11).

    Invito tutti gli interessati e coloro che avessero idee per la soluzione a postare nell'altro thread.

    Grazie per la collaborazione e buon proseguimento.