No estás registrado (Registrarse)

Vanilla 1.1.10 es un producto de Lussumo. Para más información: Documentación, Soporte.

    •  
      CommentAuthorWilly579
    • CommentTimeNov 23rd 2008 editado
     # 1
    Buenas, estoy desarrollando una web XXX, estoy usando un script, y tengo problemas con el template, al entrar a la web mediante Internet Explorer 6 o 7, los videos están a la izquierda, cosa que no sucede con Mozilla Firefox, donde los videos están perfectamente centrados... una imagen de como se ve en IE:

    http://img243.imageshack.us/img243/4690/ssssssxt4.jpg

    No le puse censura a la imagen, pero si es necesario, me dicen :susurro:

    Aqui esta el CSS:

    body{
    font-family: 'Trebuchet MS', Verdana, Sans-serif;
    background:#a72222 url(images/top.gif);
    background-repeat:no-repeat;
    }


    a{
    color:#000000;
    }

    a:hover{
    color:#000000;

    }

    img{
    border:none;

    }

    #maintable{

    background-repeat:no-repeat;
    }

    #header{



    width:980px;
    padding:10px 0 10px 0;
    margin:0 0 0 0;
    }


    #logo{

    margin:10px 0 0 0;
    }

    #topad{

    margin:17px 5px 0 0;

    }

    #tdtop{
    height:220px;
    }

    #sct{
    vertical-align:top;

    }


    td a{

    font-size:12px;
    }


    #ltd{

    background:#009933 url(images/topside.gif);
    background-repeat:no-repeat;
    }



    #midin{
    width:160px;
    height:380px;
    text-align:center;
    float:left;
    margin:7px 10px 0 0;
    padding:20px 5px 0 5px;

    display:block;


    }

    #partop{
    width:160px;
    background:url(images/partners.gif);
    background-repeat:no-repeat;
    margin:0 0 0 10px;
    height:36px;
    }

    #partners a{
    font-weight:bold;
    font-size:14px;
    }

    #partners{
    float:left;
    width:950px;
    height:253px;
    font-size:14px;
    background:url(images/partners.gif);
    background-repeat:no-repeat;
    padding: 20px;
    }

    .pcolumn{
    display:inline;

    float:left;
    margin:43px 0 0 45px;
    }


    #categories a{
    font-weight:bold;
    color:#ffffff;
    font-size:13px;
    }

    #categories a:hover{
    font-weight:bold;
    color:#000000;
    }

    #categories{
    width:920px;

    margin:0 0 0 0;
    vertical-align:middle;
    line-height: 14pt;
    display:block;
    }

    .clink a{

    font-size:12px;
    float:left;

    margin:2px;
    vertical-align:middle;
    display:inline;
    color:#ffff99;
    background:url(images/catback.gif);
    border:1px solid #ff9900;
    padding:3px;
    }

    .clink a:hover{
    float:left;
    font-size:13px;

    margin:2px;
    vertical-align:middle;
    display:inline;
    color:#000000;

    background:url(images/catback2.gif);
    border:1px solid #881111;
    padding:3px;
    }


    #todaytop{
    width:780px;
    background:url(images/today.gif);
    background-repeat:no-repeat;

    height:42px;
    margin:0 0 0 0;
    }

    #svtop{
    width:780px;
    background:url(images/watch.gif);
    background-repeat:no-repeat;

    height:42px;
    margin:0 0 0 0;
    }


    .h2{
    padding:0;
    margin:0 0 0 0;

    }
    li{
    padding:0 0 3px 0;

    }


    input, textarea{
    font-size:13px;
    }

    .dellink{
    font-size:8px;
    color:#E90000;


    }

    .nansdiv{
    font-size:13px;

    }

    .rpoints{
    font-size:12px;
    }

    .apoints{
    font-size:12px;
    }

    #qupdated{
    visibility: hidden;
    color:#EB5418;
    }

    .ansblock{
    border:1px solid #FFCCF9;


    }

    .qrow{
    padding:10px 0 0 0;

    }

    h3{
    padding:2px 0 2px 0;
    margin:0 0 5px 0;
    color:#FF3600;
    }

    #container{
    text-align:left;
    width:1000px;
    }

    h4{
    margin:10px 0 7px 0;
    padding:0 0 0 0;
    }

    .plink{
    margin:5px 0 0 0;

    }

    .rtop2{
    float:left;
    width:170px;
    margin:20px 0 0 0;
    }

    .rtop{
    float:left;
    width:170px;

    }

    #rbot{
    float:left;
    width:170px;

    }

    .intable{




    }

    #tcomments{
    border:1px solid #CFCFCF;
    width:450px;
    }

    .tdcomm{
    padding:5px;
    }

    .tdcommname{
    background:#EEEEEE;
    }

    .tdcommdate{
    background:#EEEEEE;
    }

    .adr{
    margin:20px 0 20px 0;
    }
    .vthumb{
    font-size:11px;
    }

    .vthumb a{
    border:1px solid #ff9900;
    background:#fc7c00 url(images/tback.gif);
    background-repeat:repeat-x;
    display:block;
    color:ffffcc;
    font-size:11px;
    height:150px;
    padding-top:5px;
    }

    .vthumb a:hover{
    border:1px solid #FF6600;
    background:#fc7c00 url(images/tback2.gif);
    background-repeat:repeat-x;
    display:block;
    font-size:11px;
    padding-top:5px;
    }

    #sctd a{
    font-weight:normal;
    color:#ffff99;
    }

    #sctd a:hover{

    color:#000000;
    }

    #searchbox input{
    border-style:none;
    font-weight: bold;
    color:#000000;
    background:url(images/catback2.gif);
    padding:0;
    border:1px solid #000000;
    height:22px;
    }

    #searchsubmit{
    background:url(images/catback2.gif);
    color:#000000;
    font-size:14px;
    border-style:none;
    padding:-3px 0 0 0;
    border:1px solid #000000;
    height:22px;
    }

    #addcomm input{
    background:#fff99f;
    color:#000000;

    font-size:14px;
    font-weight:bold;
    }

    #addcomm textarea{
    background:#fff99f;
    color:#000000;

    font-size:14px;
    font-weight:bold;
    }

    .tdcommname{
    background:#e18700;
    color:#ffffff;
    }

    .tdcommdate{
    background:#e18700;
    color:#ffffff;
    }

    #vtitle{

    font-weight:bold;
    }

    #vidc{
    border:1px solid #e18700;
    background:#871111;
    background-repeat:repeat-x;
    display:block;
    color:ffffcc;
    font-size:14px;
    width:700px;
    padding-top:5px;

    }


    Y aqui el Index.tpl del template:


    <center><div id='container'>

    <!-- <<<< Head Section -->
    <center>

    <table width='980' border=0 cellspacing='0' cellpadding='0' id='maintable'>
    <tr ><td class='intable' colspan=2 id='tdtop' align='center' valign='top'>

    <div id='logo'>
    <?php
    include ("logo.php");
    ?>
    </div>


    <br style="clear:both;" /> <!-- <<<< added -->
    </td></tr>


    <tr><td colspan=2 align='center'>
    <div id='categories'>

    <?php



    include ("scategory.php");

    ?>
    </div>

    </td></tr>


    <tr><td id='std' colspan=2 align='center'>

    <div id='searchbox'>
    <form action=<?php echo $site.$path ?>search.php method='get' name='searchform'>
    <table><tr>
    <td><input type='text' name='search' size='20' id='search'></td>
    <td><input type='submit' name='searchsubmit' id='searchsubmit' value='Buscar'></td>
    </tr></table>
    </form>


    </div>
    <br>
    <div id='topad'>
    <?
    $section=1;
    include ("showad.php");

    ?>

    </div>


    </td></tr>






    <tr>

    <td id='sctd' width='790' valign='top' align='center'>


    <br style="clear:both;" /> <!-- <<<< added -->


    <center>
    <div id='showcase' >

    <?php

    $scrows=8; //rows in the showcase
    $sccols=6; //columns in the showcase
    $vthumb1="vthumb1.tpl";
    $vthumb2="vthumb2.tpl";
    $dsblinks=1; //dont show more but
    include('showcase.php');
    ?>

    </div>

    <div class='adr'>

    <?
    $section=2;
    include ("showad.php");

    ?>

    </div>

    <div id='showcase2' >

    <?php

    $scrows=8; //rows in the showcase
    $sccols=6; //columns in the showcase
    $vthumb1="vthumb1.tpl";
    $vthumb2="vthumb2.tpl";
    $dsblinks=1; //dont show more but
    $plusst=48;
    include('showcase.php');
    ?>

    </div>


    <div class='adr'>

    <?
    $section=3;
    include ("showad.php");

    ?>

    </div>


    <div id='showcase' >

    <?php

    $scrows=4; //rows in the showcase
    $sccols=6; //columns in the showcase
    $vthumb1="vthumb1.tpl";
    $vthumb2="vthumb2.tpl";
    $dsblinks=0; //dont show more but
    $plusst=96;
    include('showcase.php');
    ?>

    </div>
    <div class='adr'>

    <?
    $section=4;
    include ("showad.php");

    ?>

    </center>
    </div>
    </td></tr>


    <tr><td>


    <div id='partners'>



    <?php
    $traoln=2;
    $tstart=0; //first trade to show
    $tend=10; //last trade to show
    include('partners.php');

    ?>



    </div>


    </td></tr>


    </table>



    </center>

    En el index.tpl está la etiqueta "center" al parecer esto lo reconoce Firefox, pero no IE :S, me pueden ayudar :que:

    Gracias de antemano...

    Saludos...
    • CommentAuthorRatzo
    • CommentTimeNov 23rd 2008
     # 2
    agrega un text-align:center; a los estilos del body, con eso se resuleve el problema en iehashtagram.me - Buscador de fotos en instagram por hashtag
    • CommentAuthorMrCheek
    • CommentTimeNov 23rd 2008
     # 3
    Raramente no carga la imagen; podes especificar la alineación del div o tabla en la que se encuentren los videos, de esa manera lo leerá seguro. Otra alternativa es especificar los margenes de la capa que tenga los videos.