Ver Mensaje Individual
  #4 (permalink)  
Antiguo 29/07/2009, 14:26
Avatar de pyroCL
pyroCL
 
Fecha de Ingreso: marzo-2009
Ubicación: C#
Mensajes: 261
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Css y resolucion de pantalla

Aquí esta el código...

El logo que se corre es el "logoEmpresa", no tengo problemas con nada mas que con eso... se corre a la derecha.


Código CSS:
Ver original
  1. <style type="text/css">
  2.        
  3.         *
  4.         {
  5.             margin:0px;
  6.             padding:0px;
  7.         }      
  8.         html,body
  9.         {
  10.             font-family:"Arial", Helvetica, sans-serif;
  11.             font-size:14px;
  12.             background-position:left;
  13.             background-image:url('../imagenes/bg.jpg');
  14.             background-repeat:repeat;
  15.         }
  16.        
  17.        
  18.                
  19.         #contenedor
  20.         {
  21.             width:760px;
  22.             height:770px;
  23.             text-align:center;
  24.             background-repeat:no-repeat;
  25.             margin-top:20px;
  26.             margin-bottom:auto;
  27.             margin-left:auto;
  28.             margin-right:auto;
  29.             background-position:center top;
  30.         }
  31.        
  32.         #principal1
  33.         {
  34.             width:755px;
  35.             height:652px;
  36.             background-repeat:no-repeat;
  37.             background-image:url('../imagenes/bgPrincipal.png');
  38.         }
  39.        
  40.         #principal
  41.         {
  42.             width:580px;
  43.             height:531px;
  44.             float:left;
  45.             border-right-style:outset;
  46.             border-right-width:1px;
  47.            
  48.         }
  49.        
  50.         #derecha
  51.         {
  52.             width:169px;
  53.             height:531px;
  54.             float:right;
  55.            
  56.         }
  57.        
  58.         #cabeza
  59.         {
  60.             width:689px;
  61.             height:73px;
  62.             border-bottom-style:outset;
  63.             border-bottom-width:1px;
  64.             vertical-align:middle;
  65.         }
  66.        
  67.         #contieneMenu
  68.         {
  69.             width:383px;
  70.             height:30px;
  71.             float:right;
  72.             margin-bottom:0px;
  73.         }
  74.        
  75.         #pie
  76.         {
  77.             width:553px;
  78.             height:38px;
  79.             margin-top:5px;
  80.             float:left;
  81.         }
  82.        
  83.         #logoEmpresa
  84.         {
  85.             width:237px;
  86.             height:214px;
  87.             background-image:url('../imagenes/logoEmpresa.png');
  88.             position:relative;
  89.             background-repeat:no-repeat;
  90.                         top: -163px;
  91.                         left: 691px;
  92.         }
  93.        
  94.         #logoCompania
  95.         {
  96.             width:180px;
  97.             height:65px;
  98.             float:left;
  99.             background-image:url('../imagenes/logoCompania.png');
  100.             margin-left:7px;
  101.             background-repeat:no-repeat;
  102.             text-align:center;
  103.             position:relative;
  104.             top: 18px;
  105.             left: 4px;
  106.         }
  107.        
  108.            
  109.         .style1
  110.         {
  111.             font-family: "Script MT Bold";
  112.             font-size: 16pt;
  113.         }
  114.                
  115.        
  116.         .style2
  117.         {
  118.             color: #386D92;
  119.         }



Gracias.

Saludos!
__________________
La verdadera sabiduría está en reconocer la propia ignorancia.