Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje28-09-2011, 12:44 (UTC)    
Título del mensaje: adaptar página a resoluciones de pantalla

Hola a todos, me he dado cuenta al entrar en mi página desde el ordenador de un amigo, de que dependiendo de la resolución de pantalla que tengan mi página se ve bien o se ve muy grande de modo que hay que hacer scroll horizontal (a demás del vertical) para poder ver el contenido. Me gustaría que apareciese bien en todas las resoluciones de pantalla, pero me da miedo modificar el código porque me costó mucho que quedase como quería sin que se descuadrase nada.
Pego el código aquí por si podéis ayudarme:

Por encima de la página

<style type="text/css">
<!--
body{background-color:#000000;margin:0px;margin-bottom:20px;background:#000000 repeat-x}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);}
td.edit_rechts_bottom{background-image: url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);}

td.edit_header_full{background-image:url(http://img.webme.com/pic/e/euridicecabanes/cabeceraweb.png);height:165px;}

td.nav_heading{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url(http://img.webme.com/pic/e/euridicecabanes/lado2.png);background-color:#NÚMERO DEL COLOR;}

td.sidebar_heading{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.shouty{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.shouty2{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.shouty3{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.shouty4{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.shouty5{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.shouty6{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.edit_rb_footer{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.edit_content_top{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}
td.edit_content{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.edit_content_bottom{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.edit_content_bottom:hover{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/e/euridicecabanes/fondo.jpeg);background-color:#NÚMERO DEL COLOR;}

td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
--></style>

<style type="text/css">
<!--
table.edit_main_table{width: 98% !important;}
td.edit_main_tr{width: 98% !important;}
table.edit_second_table{width: 98% !important;}
td.edit_header_full{width: 98% !important;background-repeat:no-repeat; }
td.edit_header_full table{width: 98% !important;}
table.edit_third_table{width: 98% !important;}
td.edit_navi_headbg{width: 18% !important;}
table.edit_rechts_tabelle{width: 98% !important;}
td.edit_rechts_bottom{width: 98% !important;}
td.edit_rechts_cbg{width:98%;}
-->
</style>

<style type="text/CSS">
.headline {
text-align: rigtht!important;
font-size: 3px!important;
color: #080135!important;
font-family: Tahoma!important;



Por debajo de la página

</div>
<style>
.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-color: transparent !important;
}
</style>


Muchas gracias de antemano.
Mensaje28-09-2011, 16:33 (UTC)    
Título del mensaje: Re: adaptar página a resoluciones de pantalla

Intenta pegar este Javascript Por ensima de la Pagina en Editar diseño:
Cita:

<script language="JavaScript1.2">
window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
</script>
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group