Tema: problemas al centrar
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/10/2013, 04:22
Charkarock
 
Fecha de Ingreso: mayo-2013
Mensajes: 9
Antigüedad: 11 años, 7 meses
Puntos: 0
problemas al centrar
hola a todos, le estoy haciendo una web a unos amigos y la verdad que esta quedando muy guapa, el problema que tengo es que cuando veo dicha web en resoluciones altas (en las televisiones de hoy en dia) no se me ve centrada.

He probado a ponerle align center a todo pero me disloca los divs.

Podeis echarme un cable????

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <link href="css/mediaqueries.css" rel="stylesheet" />
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <link rel="icon" type="image/png" href="imagenes/resto/pavicom_web.png" />
  8.  
  9. <title>Play The Game Tribute</title>
  10. <link href="css/css.css" rel="stylesheet" type="text/css" /></style>
  11.  
  12. <script type="text/javascript">
  13. var currPic=1;
  14. var totPics=14; 
  15. var keepTime;
  16. function setupPicChange() { keepTime=setTimeout("changePic()", 9000); }
  17.  
  18. function changePic() {
  19.     currPic++;
  20.     if(currPic>totPics)
  21.         currPic=1;
  22.     document.getElementById("picture").src="imagenes/slider/pic"+currPic+".jpg";
  23.  
  24.     setupPicChange(); 
  25. }
  26. function MM_preloadImages() { //v3.0
  27.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  28.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  29.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  30. }
  31.  
  32. function MM_swapImgRestore() { //v3.0
  33.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  34. }
  35.  
  36. function MM_findObj(n, d) { //v4.01
  37.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  38.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  39.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  40.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  41.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  42. }
  43.  
  44. function MM_swapImage() { //v3.0
  45.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  46.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  47. }
  48. </script>
  49.  
  50. <style type="text/css">
  51. body,td,th {
  52.     color: #FFF;
  53. }
  54. a:link {
  55.     color: #FFF;
  56. }
  57. a:visited {
  58.     color: #FFF;
  59. }
  60. </style>
  61. </head>
  62.  
  63. <body onload="setupPicChange();MM_preloadImages('imagenes/botones/boton01_biografia_seleccionado.png','imagenes/botones/boton02_labanda_seleccionado.png','imagenes/botones/boton03_tour_seleccionado.png','imagenes/botones/boton04_galeria_seleccionado.png','imagenes/botones/boton05_contacto_seleccionado.png','imagenes/botones/boton06_escucha_seleccionado.png','imagenes/rrss/boton_rrss01_twitter_seleccionado.png','imagenes/rrss/boton_rrss03_myspace_seleccionado.png','imagenes/rrss/boton_rrss04_souncloud_seleccionado.png','imagenes/rrss/boton_rrss05_mail_seleccionado.png')">
  64.  
  65. <div class="container">
  66.   <div class="header" align="center"> 
  67.   <a href="index.html"><img src="imagenes/resto/logo_superior.png" width="654" height="76" /></a>   
  68.   <!-- end .header --></div>
  69.   <div class="menu" align="center">
  70.         <ul id="button">
  71.             <li><a href="biografia.html" target="contenido"><img src="imagenes/botones/boton01_biografia.png" name="biografia" width="109" height="22" id="biografia" onmouseover="MM_swapImage('biografia','','imagenes/botones/boton01_biografia_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  72.             <li><a href="labanda.html" target="contenido"><img src="imagenes/botones/boton02_labanda.png" name="labanda" width="109" height="22" id="labanda" onmouseover="MM_swapImage('labanda','','imagenes/botones/boton02_labanda_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  73.             <li><a href="tour.html" target="contenido"><img src="imagenes/botones/boton03_tour.png" name="tour" width="109" height="22" id="tour" onmouseover="MM_swapImage('tour','','imagenes/botones/boton03_tour_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  74.             <li><a href="galeria.html" target="contenido"><img src="imagenes/botones/boton04_galeria.png" name="galeria" width="109" height="22" id="galeria" onmouseover="MM_swapImage('galeria','','imagenes/botones/boton04_galeria_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  75.             <li><a href="contacto.html" target="contenido"><img src="imagenes/botones/boton05_contacto.png" name="contacto" width="109" height="22" id="contacto" onmouseover="MM_swapImage('contacto','','imagenes/botones/boton05_contacto_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  76.             <li><a href="escuchar.html" target="contenido"><img src="imagenes/botones/boton06_escucha.png" name="escucha" width="109" height="22" id="escucha" onmouseover="MM_swapImage('escucha','','imagenes/botones/boton06_escucha_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a></li>
  77.         
  78.         </ul>
  79.   
  80.     <!-- end .menu --></div>
  81. <div class="sidebar1">
  82. <div id="scrollbar" class="scrollbar">
  83.      <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
  84.      <img id="picture" src="imagenes/slider/pic1.jpg"alt="picture" />
  85.             <div id="parte1" style="position:absolute">
  86.                 <div id="parte2" style="position:absolute">
  87.                     <iframe width="465" height="455" src="noticias.html" scrolling="auto" frameborder="0" id="contenido" name="contenido" ></iframe>
  88.                 </div>
  89.             
  90.   </div>
  91.     
  92.         </div>
  93.   <!-- end .sidebar1 --></div>
  94.   
  95. <div id="rrss" align="center">
  96.     
  97.   <p> <a href="https://twitter.com/TRIBUTETOQUEEN" target="_blank"><img src="imagenes/rrss/boton_rrss01_twitter.png" name="twitter" width="24" height="24" id="twitter" onmouseover="MM_swapImage('twitter','','imagenes/rrss/boton_rrss01_twitter_seleccionado.png',1)" onmouseout="MM_swapImgRestore()"/></a>
  98.     <a href="https://www.facebook.com/QueenTribute.2012?fref=ts" target="_blank"><img src="imagenes/rrss/boton_rrss02_facebook.png" name="facebook" width="24" height="24" id="facebook" onmouseover="MM_swapImage('facebook','','imagenes/rrss/boton_rrss02_facebook_seleccionado.png',0)" onmouseout="MM_swapImgRestore()" /></a>
  99.   <a href="https://myspace.com/queentribute2013" target="_blank"><img src="imagenes/rrss/boton_rrss03_myspace.png" name="myspace" width="24" height="24" id="myspace" onmouseover="MM_swapImage('myspace','','imagenes/rrss/boton_rrss03_myspace_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a>
  100.   <a href="https://www.soundcloud.com/playthegamequeenband" target="_blank"><img src="imagenes/rrss/boton_rrss04_souncloud.png" name="soundcloud" width="24" height="24" id="soundcloud" onmouseover="MM_swapImage('soundcloud','','imagenes/rrss/boton_rrss04_souncloud_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a>
  101.   <a href="mailto:[email protected]" target="_blank"><img src="imagenes/rrss/boton_rrss05_mail.png" name="mail" width="24" height="24" id="mail" onmouseover="MM_swapImage('mail','','imagenes/rrss/boton_rrss05_mail_seleccionado.png',1)" onmouseout="MM_swapImgRestore()" /></a></p>
  102. </div>
  103.   
  104. <!-- <div class="queen" align="center">
  105.   </div> end .footer -->
  106.  
  107.   <div class="footer" align="center">
  108.     <img  align="middle"src="imagenes/resto/logo_inferior.png" width="218" height="78" /></br>
  109.   <img  align="middle"src="imagenes/resto/powered by.png" width="115" height="17" />
  110. </div>
  111.   <!-- end .container --></div>
  112. </body>
  113. </html>
Última edición por pzin; 29/10/2013 a las 09:27 Razón: formato código