Ver Mensaje Individual
  #7 (permalink)  
Antiguo 07/08/2008, 03:33
igonfil
 
Fecha de Ingreso: junio-2008
Mensajes: 250
Antigüedad: 15 años, 10 meses
Puntos: 1
Respuesta: centrar web en el explorador

El código de la web que quiero centrar es el siguiente:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>XL Movil</title>
    <link href="res/css/xl.css" rel="stylesheet" type="text/css" />
    
   <script type="text/javascript">
//   Con esta funcion lo que hacemos es que la capa de seguridad, libertad y Ahorro se haga visible o no 
    function cambiaCapa (nombre, action)
    {           
        var oLayer =  document.getElementById(nombre);
               
        if (action == "ocultar")
        {        
            oLayer.className = "oculto";        
        } 
        else
        {
            oLayer.className = "visible";
        }
    }  
</script>
 
</head>

<body Scroll="no">
    <form id="form1" runat="server">
    <div style="position:absolute; left:0px; top:0px">
       <img src="res/img/FondoJunior.jpg">
    </div>
    <!--<div style="position:absolute; left:436px; top:379px">
        <img  src="res/img/TablaTarif.JPG" />
    </div>-->
    <div style="position:absolute; left:880px; top: 4px">
        <img src="res/img/LogoXL.jpg"/>    
    </div>
    <div class="texto" style="position: absolute; left:480px; top:90px; width:500px; float:left">
        Alta e información: 900 85 85 85 o en agencia Marsans
    </div>
 
    
    <div  style="position:absolute; left:865px; top:135px; cursor:pointer">
        <a onclick="cambiaCapa('capa1','ver')"><img alt="" src="res/img/Boton_Segur.jpg" /></a>
    </div>
    <div class="textoPeq" style="position:absolute; left:820px; top:170px; width:150px" >
        Tu hijo podrá hablar cuando lo necesite ...
    </div>    
    <div style="position:absolute; left:865px; top: 219px; z-index:2; cursor:pointer">
        <a onclick="cambiaCapa('capa2','ver')"><img src="res/img/Boton_Liber.jpg"/></a>
    </div>
    <div class = "textoPeq" style="position:absolute; left:850px; top:257px; width:120px">
        también con quien él desee y ...
    </div>
    <div style="position:absolute; left:865px; top:305px; z-index:4; cursor:pointer">
        <a onclick="cambiaCapa('capa4','ver')"><img src="res/img/Boton_Ahorro.jpg"/></a>
    </div>
    <div class ="textoPeq" style="position:absolute; left:850px; top:340px; width:120px">
        tu tienes el control del gasto.
    </div>
    <div style="position:absolute; left:899px; top:420px; z-index:4; cursor:pointer">
        <a onclick="cambiaCapa('capa5','ver')"><img alt="" src="res/img/Boton_TarifasSeJu.jpg"/></a>
    </div>
    <div class="texto" style="position: absolute; left:460px; top:500px; width:460px">
        Con XL JUNIOR tu hijo podrá hablar con hasta diez números que tu elijas sin límite. El coste irá directamente a tu cuenta bancaria, pero además tendrá libertad para llamar al resto de números en prepago.
    </div>
    <div class="textoMay" style="position: absolute; left:460px; top:560px; width:460px">
        GANAS EN SEGURIDAD, LIBERTAD Y AHORRO.
    </div>
    
    
    <div id="capa3"  style="position: absolute; left:424px; top:127px; z-index:0;">
    
        <embed src="res/img/XLJunior.swf" width="299px" height="209px" >
        
        </embed> 
    </div>
    
    
   
   <div style="position: absolute; left:885px; top:560px">
        <a href="index.htm"><img src="res/img/Boton_Volver.jpg" /></a>
    </div>
    
    <div style="position:absolute; top:170px; left:800px; background:white; height:210px; width:200px; border:1; border-color:blue; z-index:15" id="capa1" class="oculto">
        <div style="position:absolute;top:3px; right:5px">
            <button id="opRadioOcultar" name="ocultar" onclick="cambiaCapa('capa1','ocultar');" style="height:21px; width:20px; cursor:pointer; float:left"><img src="res/img/cerrar.jpg" id="IMG1" style="position:absolute; top:3px; left:3px"></button>
        </div>
        <div style="position:absolute; width:160px; top:30px; left:15px" class="textonota">
            SEGURIDAD PARA ÉL O ELLA.  Quien tú has elegido podrá hablar siempre con los números que tú has elegido. Tú le brindas esta posibilidad porque el cargo va a tú cuenta bancaria.
        </div>
    </div>
    <div style="position:absolute; top:250px; left:800px; background:white; height:130px; width:200px; z-index:15" id="capa2" class="oculto">
        <div style="position:absolute;top:3px; right:5px;">
            <button id="Button1" name="ocultar" onclick="cambiaCapa('capa2','ocultar')" style="height:21px; width:20px; cursor:pointer; float:left"><img src="res/img/cerrar.jpg" id="IMG2" style="position:absolute; top:3px; left:3px"></button>
        </div>
        <div style="position:absolute; width:160px; top:30px; left:15px" class="textonota">
            LIBERTAD para que la persona que tú has elegido llame a quien desee sin límite  (mediante tarjeta de prepago).
        </div>
    </div>
    
    <div style="position:absolute; top:115px; left:800px; background:white; height:180px; width:200px; z-index:15" id="capa4" class="oculto">
        <div style="position:absolute;top:3px; right:5px;">
            <button id="Button2" name="ocultar" onclick="cambiaCapa('capa4','ocultar')" style="height:21px; width:20px; cursor:pointer; float:left"><img src="res/img/cerrar.jpg" id="IMG3" style="position:absolute; top:3px; left:3px"></button>
        </div>
        <div style="position:absolute; width:160px; top:30px; left:15px" class="textonota">
            AHORRO. Tú tienes el control del gasto, porque eliges hasta 10 números a los cuales se podrá comunicar quién tú has elegido; con un consumo mínimo mensual de 9 euros y un contrato de permanencia de 18 meses.
        </div>
    </div>
    <div style="position:absolute; top:120px; left:820px; background:white; height:300px; width:200px; border:1; z-index:15" id="capa5" class="oculto">
        <div style="position:absolute;top:3px; right:25px">
            <button id="Button3" name="ocultar" onclick="cambiaCapa('capa5','ocultar');" style="height:21px; width:20px; cursor:pointer; float:left"><img src="res/img/cerrar.jpg" id="IMG4" style="position:absolute; top:3px; left:3px"></button>
        </div>
        <div style="position:absolute; width:130px; top:30px; left:20px" class="textonota">
            TARIFAS NACIONALES. PENÍNSULA Y BALEARES. Precios €
        </div>
        <div style="position:absolute; width:130px; top:95px; left:20px" class="textonota">
            Llamada 0,12 € min (0,14 IVA incl.). 
        </div>
        <div style="position:absolute; width:130px; top:135px; left:20px" class="textonota">
            Establecimiento 0,15 (0,17 IVA incl.).  
        </div>
        <div style="position:absolute; width:130px; top:175px; left:20px" class="textonota">
            SMS 0,12 (0,14 IVA Incl.). 
        </div>
        <div style="position:absolute; width:130px; top:215px; left:20px" class="textonota">
            MMS 0,50 (0,58 IVA incl.). 
        </div>
        <div style="position:absolute; width:130px; top:255px; left:20px" class="textonota">
            Datos 0,50 (0,58 IVA Incl.)
        </div>
    </div>
    
    </form>
</body>
</html> 
Muchas gracias