Tema: ver igual pc que movil
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/11/2015, 08:04
Avatar de priamo
priamo
 
Fecha de Ingreso: enero-2011
Ubicación: Valencia
Mensajes: 78
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: ver igual pc que movil
Adjunto el css que faltaba
Código HTML: 
Ver original
  1. <style type="text/css">
  2. @import url("CSS/menuCSS_araudinet.css");
  3.  
  4. body {
  5.     height: auto;
  6.     margin: 0px;
  7.     padding: 0px;
  8.     color: #D2D2D2;
  9. }
  10. #contenedor {
  11.     position: relative;
  12.     /* [disabled]margin: auto; */
  13.     /* [disabled]width: 1980px; */
  14.     height: 110px;
  15.     margin-left: auto;
  16.     margin-right: auto;
  17. }
  18. #gruposuperior {
  19.     position: relative;
  20.     /* [disabled]margin: auto; */
  21.     /* [disabled]width: 1980px; */
  22.     height: auto;
  23.     margin-left: auto;
  24.     margin-right: auto;
  25. }
  26. #barrasuperior {
  27.     width: auto;
  28.     height: 60px;
  29.     background-color: #454545;
  30. }
  31. #barrasuperior2 {
  32.     position: relative;
  33.     width: 1024px;
  34.     height: 60px;
  35.     z-index: 1;
  36.     background-color: #;
  37.     margin-left: auto;
  38.     margin-right: auto;
  39.     background-color: #454545;
  40. }
  41. #logouniversitat {
  42.     position: absolute;
  43.     width: 188px;
  44.     height: 62px;
  45.     z-index: 1;
  46.     float: left;
  47.     left: 31px;
  48.     background-image: url(Imagenes/logos%20%20fotos_%20slider_univ/Logos/logo-uv200x66.png);
  49.     top: -3px;
  50. }
  51. #idioma1 {
  52.     position: absolute;
  53.     width: 60px;
  54.     height: 26px;
  55.     z-index: 1;
  56.     float: left;
  57.     left: 785px;
  58.     top: 27px;
  59. }
  60. #contenedor #gruposuperior #barrasuperior #barrasuperior2 #idioma1 .texto2:hover {
  61.     color: #FFF;
  62. }
  63. #idioma2 {
  64.     position: absolute;
  65.     width: 60px;
  66.     height: 26px;
  67.     z-index: 1;
  68.     float: left;
  69.     left: 859px;
  70.     top: 27px;
  71. }
  72. #contenedor #gruposuperior #barrasuperior #barrasuperior2 #idioma2 .texto2:hover {
  73.     color: #FFF;
  74. }
  75. #barralogo {
  76.     width: auto;
  77.     height: 130px;
  78.     border-top: 3px solid #cbc0a0;
  79.     background-image: url(Imagenes/logos%20%20fotos_%20slider_univ/Logos/fondobarralogoazul.jpg);
  80. }
  81. #barralogo2 {
  82.     position: relative;
  83.     width: 1024px;
  84.     height: 125px;
  85.     z-index: 1;
  86.     background-color: #;
  87.     margin-left: auto;
  88.     margin-right: auto;
  89.     top: 2px;
  90. }
  91. #logo{
  92.     position: absolute;
  93.     width: 538px;
  94.     height: 118px;
  95.     z-index: 1;
  96.     float: left;
  97.     left: 0px;
  98.     background-image: url(Imagenes/logos%20%20fotos_%20slider_univ/Logos/logos%20Grupo/logo_web.png);
  99.     top: 0px;
  100. }
  101. #barralargamenu {
  102.     width: auto;
  103.     height: 48px;
  104.     background-color: #454545;
  105. }
  106. #barraslider {
  107.     position: absolute;
  108.     width: 100%;
  109.     height: 50px;
  110.     background-size: 100%;
  111.     background-image: url(Imagenes/sombras%20flechas/sombra%20top3.png);
  112. }
  113.  
  114. #contenido {
  115.     position: relative;
  116.     width: 1024px;
  117.     height: 850px;
  118.     border-left: px solid #000;
  119.     border-right: px solid #000;
  120.     border-top: px solid #000;
  121.     border-bottom: px solid #000;
  122.     margin-left: auto;
  123.     margin-right: auto;
  124. }
  125. /* ........................BIENVENIDOS..........................*/
  126.  
  127. #bienvenidos {
  128.     position: relative;
  129.     width: 1024px;
  130.     height: 770px;
  131.     margin-left: auto;
  132.     margin-right: auto;
  133.     z-index: 1;
  134.     top: 50px;
  135.     visibility: visible;
  136. }
  137. #fotocontenido {
  138.     position: absolute;
  139.     width: 260px;
  140.     height: 749px;
  141.     z-index: 1;
  142.     float: left;
  143.     left: 1px;
  144.     top: 0px;
  145.     background-image: url(Imagenes/logos%20%20fotos_%20slider_univ/Logos/logitonaranja.jpg);
  146.     border: 1px solid #cccccc;
  147. }
  148. #organizacion {
  149.     position: absolute;
  150.     width: 256px;
  151.     height: 25px;
  152.     z-index: 1;
  153.     float: left;
  154.     left: 313px;
  155.     top: 13px;
  156.     background-color: #09F;
  157.     padding: 10px;
  158. }
  159. #linea1 {
  160.     position: absolute;
  161.     width: 433px;
  162.     height: 1px;
  163.     z-index: 3;
  164.     left: 589px;
  165.     top: 34px;
  166.     background-color: #0075D3;
  167. }
  168. #linea2 {
  169.     position: absolute;
  170.     width: 433px;
  171.     height: 1px;
  172.     z-index: 3;
  173.     left: 589px;
  174.     top: 38px;
  175.     background-color: #0075D3;
  176. }
  177. #bienve2 {
  178.     position: absolute;
  179.     width: 665px;
  180.     height: 642px;
  181.     z-index: 1;
  182.     float: left;
  183.     left: 313px;
  184.     top: 74px;
  185.     background-color: #F1F3F2;
  186. }
  187. #pie {
  188.     position: relative;
  189.     width: 1024px;
  190.     height: 250px;
  191.     margin-left: auto;
  192.     margin-right: auto;
  193.     border-top: 4px double #cdcdcd;
  194.     top: 10px;
  195. }
  196. #grupologopie {
  197.     position: absolute;
  198.     width: 155px;
  199.     height: 75px;
  200.     z-index: 1;
  201.     left: -6px;
  202.     top: 10px;
  203.     border-right: 1px solid #cdcdcd;
  204. }
  205. #pielogo {
  206.     position: absolute;
  207.     width: 130px;
  208.     height: 44px;
  209.     z-index: 1;
  210.     left: 17px;
  211.     top: 11px;
  212. }
  213. #piecopyright {
  214.     position: absolute;
  215.     width: 252px;
  216.     height: 90px;
  217.     z-index: 1;
  218.     left: 165px;
  219.     top: 10px;
  220.     border-right: 1px solid #cdcdcd;
  221. }
  222. #textopiecopyright {
  223.     position: absolute;
  224.     width: 232px;
  225.     height: 20px;
  226.     z-index: 1;
  227.     left: 10px;
  228.     top: 5px;
  229. }
  230. #commons {
  231.     width: 89px;
  232.     position: absolute;
  233.     left: 71px;
  234.     height: 31px;
  235.     top: 50px;
  236. }
  237. #piecontacto {
  238.     position: absolute;
  239.     width: 340px;
  240.     height: 114px;
  241.     z-index: 1;
  242.     left: 436px;
  243.     top: 10px;
  244. }
  245. #mapapie {
  246.     position: absolute;
  247.     width: 130px;
  248.     height: 102px;
  249.     z-index: 1;
  250.     float: left;
  251.     left: 4px;
  252.     top: 0px;
  253. }
  254. #senyal {
  255.     position: absolute;
  256.     width: 11px;
  257.     height: 31px;
  258.     z-index: 1;
  259.     float: left;
  260.     left: 147px;
  261.     top: 7px;
  262.     background-image: url(Imagenes/Pie/chincheta_mapa_12x30.png);
  263. }
  264. #textopiecontacto {
  265.     position: absolute;
  266.     width: 172px;
  267.     height: 73px;
  268.     z-index: 1;
  269.     left: 166px;
  270.     top: 6px;
  271. }
  272. #piestaf {
  273.     position: absolute;
  274.     width: 235px;
  275.     height: 166px;
  276.     z-index: 1;
  277.     left: 783px;
  278.     top: 10px;
  279.     border-left: 1px solid #cdcdcd;
  280. }
  281. #textopiecontacto2 {
  282.     position: absolute;
  283.     width: 221px;
  284.     height: 85px;
  285.     z-index: 1;
  286.     left: 14px;
  287.     top: 4px;
  288. }
  289. #pietelefono {
  290.     position: absolute;
  291.     width: 16px;
  292.     height: 18px;
  293.     z-index: 1;
  294.     top: 96px;
  295.     left: 15px;
  296. }
  297. #textopietelefono {
  298.     position: absolute;
  299.     width: 133px;
  300.     height: 20px;
  301.     z-index: 1;
  302.     left: 39px;
  303.     top: 95px;
  304. }
  305. #piefax {
  306.     position: absolute;
  307.     width: 19px;
  308.     height: 21px;
  309.     z-index: 1;
  310.     top: 120px;
  311.     left: 15px;
  312. }
  313. #textopiefax {
  314.     position: absolute;
  315.     width: 134px;
  316.     height: 20px;
  317.     z-index: 1;
  318.     left: 39px;
  319.     top: 120px;
  320. }
  321. #piemail {
  322.     position: absolute;
  323.     width: 16px;
  324.     height: 12px;
  325.     z-index: 1;
  326.     left: 15px;
  327.     top: 146px;
  328. }
  329. #textopiemail {
  330.     position: absolute;
  331.     width: 143px;
  332.     height: 20px;
  333.     z-index: 1;
  334.     left: 39px;
  335.     top: 145px;
  336. }
  337. #contenedor #pie #piestaf #textopiemail a:hover {
  338.     font-family: Verdana, Geneva, sans-serif;
  339.     font-size: 14px;
  340.     color: #f58126;
  341.     top: 145px;
  342. }
  343.  
  344. #piefinal2 {
  345.     position: absolute;
  346.     width: 585px;
  347.     height: 23px;
  348.     z-index: 1;
  349.     left: 260px;
  350.     top: 200px;
  351. }
  352. #IrArriba {
  353. position: fixed;
  354. bottom: 30px; /* Distancia desde abajo */
  355. right: 30px; /* Distancia desde la derecha */
  356. }
  357.  
  358. #IrArriba span {
  359. width: 60px; /* Ancho del botón */
  360. height: 60px; /* Alto del botón */
  361. display: block;
  362. background: url(https://dl.dropboxusercontent.com/u/6084674/josemanuel/go-top%20azul.png
  363. ) no-repeat center center;
  364. }
  365. #IrArriba span:hover {
  366.     width: 60px; /* Ancho del botón */
  367.     height: 60px; /* Alto del botón */
  368.     display: block;
  369. }
  370. .texto1 {
  371.     font-family: Verdana, Geneva, sans-serif;
  372.     font-size: 12px;
  373.     color: #d7d7d7;
  374.     font-weight: normal;
  375. }
  376. .texto2 {
  377.     font-family: Verdana, Geneva, sans-serif;
  378.     font-size: 12px;
  379.     color: #d7d7d7;
  380.     font-weight: normal;
  381.     text-decoration: none;
  382. }
  383. .texto3 {
  384.     font-family: Verdana, Geneva, sans-serif;
  385.     font-size: 24px;
  386.     color: #FFFFFF;
  387.     font-weight: normal;
  388. }
  389. .texto4 {
  390.     font-family: Verdana, Geneva, sans-serif;
  391.     font-size: 16px;
  392.     color: #333333;
  393.     font-weight: normal;
  394.     line-height: 20px;
  395.     padding: 20px;
  396.     text-align: justify;
  397. }
  398. .texto5 {
  399.     font-family: Verdana, Geneva, sans-serif;
  400.     font-size: 14px;
  401.     color: #999999;
  402.     text-decoration: none;
  403. }
  404. .texto7 {
  405.     font-family: Verdana, Geneva, sans-serif;
  406.     font-size: 14px;
  407.     color: #0075D3;
  408.     font-weight: bold;
  409. }
  410. .pie {
  411.     font-family: Verdana, Geneva, sans-serif;
  412.     font-size: 11px;
  413.     color: #999;
  414.     text-decoration: none;
  415. }
  416.  
  417. a:link {
  418.     text-decoration: none;
  419. }
  420. a:visited {
  421.     text-decoration: none;
  422. }
  423. a:hover {
  424.     text-decoration: none;
  425.     color: #F58126;
  426. }
  427. a:active {
  428.     text-decoration: none;
  429. }
  430. #websfavoritas {
  431.     position: relative;
  432.     width: 1024px;
  433.     height: 150px;
  434.     left: 0px;
  435.     top: 90px;
  436.     border-top: 2px solid #0075D3;
  437. }
  438. #textowebfavoritas {
  439.     position: absolute;
  440.     width: 150px;
  441.     height: 20px;
  442.     top: 5px;
  443.     left: 8px;
  444. }
  445. .textofavoritas {
  446.     font-family: "Gotham Book";
  447.     font-size: 14px;
  448.     color: #0075D3;
  449. }
  450. </style>