none
como definir el tamaño de mi ventana

    Question

  • hola

    me han pedido que le ponga el tamaño en pixeles de un monitor estandar a mis pagina web, pero no se donde definir los tamaños

    alguien me puede ayudar????


    gracias de antemano

    trabajo con  C# y VS2005  ahhhh y soy novata jjjijijijijiji
    Wednesday, December 09, 2009 9:04 PM

Answers

  • hola

    Detecting a Client's screen resolution in ASP.NET

    como veras hace uso de javascrip para esto, como veras usa las opciones

    screen.width
    screen.height
    screen.colorDepth

    todas desde javascript, veras que hace todo un artilugio para apsarlas por questring y tomarlas luego desde codigo

    saludos
    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    Wednesday, December 09, 2009 9:42 PM
  • hola

    que raro yo puede ver bien la pagina

    Screen Resolution Detection

    como te comentaba si necesitas obtener la resolucion del cliente estan las funciones de javascript
    screen.width
    screen.height

    para poder hacerlo

    igualmente la convencion es que adaptas el sitio a un resolucion determinada y fijes el diseño a esta asi evitas problemas futuros, lo que sobra de la pagina bueno se vera con el fondo que selecciones, hay muchas paginas que loa haces, son esas que visualizas a los costados franjas anchas de color, o sea espacio sin utilziar, esto es porque la pagina se definio para que trabaje con determinado ancho.

    saludos
    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    Friday, December 11, 2009 12:42 PM
  • El script tienes que incluirlo en la seccion "head"
    Si la respuesta te ha sido util Marcala como Respuesta o Votala.
    Mi Blog: Jtorrecilla
    • Marked as answer by yeni25 Tuesday, December 29, 2009 7:16 PM
    Thursday, December 17, 2009 8:39 PM
  • hola

    como te había comentado el link tan solo muestra un ejemplo, y si bien allí realiza una redireccion a la pagina que esta adaptada a la resolucion, en tu caso podrías hacer otro tipo de trabajo si lo necesitas.

    si en window.location 
    para el ejemplo deberías poner la pagina a la que quieres enviar al usuario si detectas determinada resolución

    podrías probar poniendo

    window.location="directorio.aspx";

    si es esto lo que necesitas hacer

    saludos

    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    • Marked as answer by yeni25 Tuesday, December 29, 2009 7:16 PM
    Friday, December 18, 2009 3:32 AM
  • Mira, tiene que ser en pixeles? por que puedes usar una table y ponele al 100% da lo mismo el tipo de monitor o si la pagina esta maximisada o el tamaño que tenga, la pagina se adaptara sola

    puedes darle 100%, 50% lo que quieras a todos los controles   

    cualquier cosa preguntas saludos      
    <table style="100%; height: 100%">
                        <tr>
                            <td>
                            </td>
                             <td>
                            </td>
                             <td>
                            </td>
                        </tr>
                         <tr>
                            <td>
                            </td>
                             <td>
                            </td>
                             <td>
                            </td>
                        </tr>
    <table>

    marco
    • Marked as answer by yeni25 Tuesday, December 29, 2009 7:16 PM
    Friday, December 18, 2009 6:40 PM
  • Hola como estas de pronto te sirva de algo este link, creo que también esta en JavaScript:
    Saludos

    "En Busqueda del conocimiento" "DCE Estrella 2" "Practicando el conocimiento"
    Saturday, December 19, 2009 8:54 PM

All replies

  • Deberias trabajar con CSS (Hojas de Estilo)

    En los estilos, que te van a dar mucho juego, vas a poder definir el height y el width (alto y ancho) del cuerpo del HTML, ASPX...

    Mi Blog: Jtorrecilla
    Wednesday, December 09, 2009 9:11 PM
  • hola

    Detecting a Client's screen resolution in ASP.NET

    como veras hace uso de javascrip para esto, como veras usa las opciones

    screen.width
    screen.height
    screen.colorDepth

    todas desde javascript, veras que hace todo un artilugio para apsarlas por questring y tomarlas luego desde codigo

    saludos
    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    Wednesday, December 09, 2009 9:42 PM
  • Hola yeni25

    Cuando te dicen 
       "le ponga el tamaño en pixeles de un monitor estandar a mis pagina web"

    Yo supongo que le des un ancho "predefinido" y depende de que tipo de visitantes tienes en tu app web, hoy en dia  el estandar es 1024px de monitores pero hay personas que ingresan con resoluciones de pantallas 800x600 ... entonces? cual es tu tamaño estandar?

    Se entiende? Debes ver cual es
    ALgunos sitios colocan algo visible correctamente en 720px de ancho, y otros ya en 960pixeles (para una resolucion de 1024x768) el ancho es el que debes definir porque el alto depende de tu scroll en tu pagina

    Todo esto se llama CSS Layout, antes lo haciamos con tablas y en alguna ocaciones las utilizamos pero es mucho mas "extensible " con CSS
    http://www.google.com.ar/search?q=css+layout

    Recomendacion:
    Te dejo un "armador" de layout basado en CSS que tiene como soporte la YUI Library (Yahoo User Interface Library)
    http://developer.yahoo.com/yui/grids/builder/
    Mas info por aqui
        http://developer.yahoo.com/yui/grids/

    Mira lo que te arma (acuerdate que necesitas algunos scripts de YUI) estos html, css y js que necesistas esta testeado en la mayoria de los navegadores actuales asi que te ahorra tiempo de estar creando a uno propio... 


    Espero que te sirva de ayuda o guia




    Jose. A Fernandez | blog: http://geeks.ms/blogs/fernandezja
    Thursday, December 10, 2009 12:23 AM
  • hola

    gracias leandro pero tiene errores la pagina, no se aprecia nada



    saludos
    Thursday, December 10, 2009 7:17 PM
  • hola

    me suena bien tu respuesta mira utilizo esta hoja de estilo .CSS, pero no se en que parte agregar las propiedades para el tamaño de mi pagina , te dejo el codigo para ver si me pueedes ayudar

    * HTML tag styles                             */
    /***********************************************/

    body{
     font-family: Arial,sans-serif;
     color: #333333;
     line-height: 1.166; 
     margin: 0px;
     padding: 0px;
    }

    a:link, a:visited, a:hover {
     color: #006699;
     text-decoration: none;
    }

    a:hover {
     text-decoration: underline;
    }
    /* overrides decoration from previous rule for hovered links */

    h1, h2, h3, h4, h5, h6 {
     font-family: Arial,sans-serif;
     margin: 0px;
     padding: 0px;
    }

    h1{
     font-family: Verdana,Arial,sans-serif;
     font-size: 120%;
     color: #334d55;
    }

    h2{
     font-size: 114%;
     color: #006699;
    }

    h3{
     font-size: 100%;
     color: #334d55;
    }

    h4{
     font-size: 100%;
     font-weight: normal;
     color: #333333;
    }

    h5{
     font-size: 100%;
     color: #334d55;
    }

    ul{
     list-style-type: square;
    }

    ul ul{
     list-style-type: disc;
    }

    ul ul ul{
     list-style-type: none;
    }

    label{
     font: bold 100% Arial,sans-serif;
     color: #334d55;
    }
        

    /***********************************************/
    /* Layout Divs                                 */
    /***********************************************/

    #masthead{
     margin: 0;
     padding: 10px 0px;
     border-bottom: 1px solid #cccccc;
     width: 100%;
    }

    #navBar{
     margin: 0 79% 0 0;
     padding: 0px;
     background-color: #eeeeee;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
    }

    #content{
      float:right;
     width: 75%;
     margin: 0;
     padding: 0 3% 0 0;
    }


    /***********************************************/
    /*Component Divs                               */
    /***********************************************/

    #siteName{
     margin: 0px;
     padding: 0px 0px 10px 10px;
    }


    /*************** #pageName styles **************/

    #pageName{
     padding: 0px 0px 10px 10px;
    }


    /************* #globalNav styles **************/

    #globalNav{
    color: #cccccc;
    padding: 0px 0px 0px 10px;
    white-space: nowrap;
    }
    /* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
       this will force a horizontal scrollbar if there isn't enough room for all links
       remove rule or change value to 'normal' if you want the links to line-wrap */

    #globalNav img{
     display: block;
    }

    #globalNav a {
     font-size: 90%;
     padding: 0px 4px 0px 0px;
    }


    /************* #breadCrumb styles *************/

    #breadCrumb{
     font-size: 80%;
     padding: 5px 0px 5px 10px;
    }


    /************** .feature styles ***************/

    .feature{
     padding: 0px 0px 10px 10px;
     font-size: 80%;
    }

    .feature h3{
     padding: 30px 0px 5px 0px;
     text-align: center;
    }

    .feature img{
     float: left;
     padding: 0px 10px 0px 0px;
     margin: 0 5px 5px 0;
    }
    /* adjust margins to change separation between the feature image and text flowing around it */


    /************** .story styles *****************/

    .story{
     clear: both;
     padding: 10px 0px 0px 10px;
     font-size: 80%;
    }

    .story p{
     padding: 0px 0px 10px 0px;
    }


    /************* #siteInfo styles ***************/

    #siteInfo{
     clear: both;
     border: 1px solid #cccccc;
     font-size: 75%;
     color: #cccccc;
     padding: 10px 10px 10px 10px;
     margin-top: 0px;
    }
    /* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
     the bottom border of the navBar in cases where they "touch" */

    #siteInfo img{
     padding: 4px 4px 4px 0px;
     vertical-align: middle;
    }


    /************* #search styles ***************/

    #search{
     padding: 5px 0px 5px 10px;
     border-bottom: 1px solid #cccccc;
     font-size: 90%;
    }

    #search form{
     margin: 0px;
     padding: 0px;
    }

    #search label{
     display: block;
     margin: 0px;
     padding: 0px;
    }


    /*********** #navBar link styles ***********/

    #navBar ul a:link, #navBar ul a:visited {display: block;}
    #navBar ul {list-style: none; margin: 0; padding: 0;}

    /* hack to fix IE/Win's broken rendering of block-level anchors in lists */
    #navBar li {border-bottom: 1px solid #EEE;}

    /* fix for browsers that don't need the hack */
    html>body #navBar li {border-bottom: none;}


    /*********** #sectionLinks styles ***********/

    #sectionLinks{
     position: relative;
     margin: 0px;
     padding: 0px;
     border-bottom: 1px solid #cccccc;
     font-size: 90%;
    }

    #sectionLinks h3{
     padding: 10px 0px 2px 10px;
    }

    #sectionLinks a:link{
     padding: 2px 0px 2px 10px;
     border-top: 1px solid #cccccc;
     width: 100%;
      voice-family: "\"}\"";
      voice-family:inherit;
     width: auto;
    }

    #sectionLinks a:visited{
     border-top: 1px solid #cccccc;
     padding: 2px 0px 2px 10px;
    }

    #sectionLinks a:hover{
     border-top: 1px solid #cccccc;
     background-color: #dddddd;
     padding: 2px 0px 2px 10px;
    }


    /*********** .relatedLinks styles ***********/

    .relatedLinks{
     margin: 0px;
     padding: 0px 0px 10px 10px;
     font-size: 90%;
    }

    .relatedLinks h3{
     padding: 10px 0px 2px 0px;
    }


    /************** #advert styles **************/

    #advert{
     padding: 10px 0px 0px 10px;
     font-size: 80%;
     border-top: 1px solid #cccccc;
    }

    #advert img{
     display: block;
    }


    /************** #headlines styles **************/

    #headlines{
     margin: 0px;
     padding: 10px 0px 20px 10px;
     font-size: 80%;
    }

    #headlines p{
     padding: 5px 0px 5px 0px;
    }

    gracias de antemano


    saludos

    Thursday, December 10, 2009 7:19 PM
  • Hola


    La idea que es que este punto puedes modificar dependiendo del VALOR QUE TU QUIERES para tu pagina. Ya lo decidiste? 960px?
    Mira el ejemplo del gridbuilder de YUI, y luego trata de mapearlo a tus CSS

    Porque utilizar el layout de gridbuilder de YUI??
    Porque esta testeado en la mayoria de loa navegadores, hace tips/trucos para que se visualice correctamente.



    Te dejo marcado en negrita lo que deberás modificar
    PERO YO TE RECOMENDARIA QUE MODIFIQUES TU LAYOUT para que IMPLEMENTES lo que GENERA el  gridbuilder de YUI

    /***********************************************/
    /* Layout Divs                                 */
    /***********************************************/

    #masthead{
     margin: 0;
     padding: 10px 0px;
     border-bottom: 1px solid #cccccc;
     width: 100%;
    }

    #navBar{
     margin: 0 79% 0 0;
     padding: 0px;
     background-color: #eeeeee;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
    }

    #content{
      float:right;
     width: 75%;
     margin: 0;
     padding: 0 3% 0 0;
    }


    Jose. A Fernandez | blog: http://geeks.ms/blogs/fernandezja
    Thursday, December 10, 2009 8:19 PM
  • hola

    pues he decido que que de 720 de ancho con 96o de alto ,,, ahora bien por lo que veo que tienes como negritas  esta en porcentaje, significa que debo de poner la cantidades en pixeles. Estoy bien????


    y con lo del gridbuilder de YUI debo de hacerlo aparte de lo que tengo o como no entendi muy bien esa parte jijijiji o es suficiente con las modificaciones  ala  hoja de estilo, jijijii

    gracias
    Thursday, December 10, 2009 9:31 PM
  • hola

    que raro yo puede ver bien la pagina

    Screen Resolution Detection

    como te comentaba si necesitas obtener la resolucion del cliente estan las funciones de javascript
    screen.width
    screen.height

    para poder hacerlo

    igualmente la convencion es que adaptas el sitio a un resolucion determinada y fijes el diseño a esta asi evitas problemas futuros, lo que sobra de la pagina bueno se vera con el fondo que selecciones, hay muchas paginas que loa haces, son esas que visualizas a los costados franjas anchas de color, o sea espacio sin utilziar, esto es porque la pagina se definio para que trabaje con determinado ancho.

    saludos
    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    Friday, December 11, 2009 12:42 PM
  • hola leandro

    ya pude ver la pagina esta muy el scripts, pero veo que te saca un boton de confirmacion la cual no deseo , en cunato ala  segunda parte osea esto

    <SCRIPT language="JavaScript">
    <!--
    if ((screen.width>=1024) && (screen.height>=768))
    {
     window.location="highres.html";
    }
    else
    {
      window.location="lowres.html";
    }
    //-->
    </SCRIPT>
    donde lo debo de poner??????
    en el load o en mi hoja de estilo




    gracias de antemano

    saludos
    Wednesday, December 16, 2009 9:25 PM
  • hola

    si ten en cuanta que el link solo muestra un ejemplo, en el primero es un mensaje informando al alerta, solo intenta mostrar como se usan los objetos de javascript

    esto en realida no tiene nada que ver con estilos, ese codigo iria en el header de tu pagina, bueno por lo general se pone el ene <HEADER>
    del html de tu pagina

    cuando dices en el load te refieres al page_load del codigo .net?
    si es asi debo contarte que tampoco alli debe ir

    esto es codigo del lado del cliente, va junto al html

    saludos
    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    Wednesday, December 16, 2009 9:52 PM

  • hola leandro

    en el <head> dices porq solo eso tiene my pagina osea esta compuesta asi

    <%

    @ Page Language="C#" AutoEventWireup="true" CodeFile="Directorio.aspx.cs" Inherits="Directorio" %>

    <!
    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <
    html xmlns="http://www.w3.org/1999/xhtml" >
    <head>      </head>
    <body> </body>
    </html>

    o tengo que crear el header pues no me salio con la ayuda la palabra

    gracias por ayudarme 

     

     

    Thursday, December 17, 2009 8:24 PM
  • El script tienes que incluirlo en la seccion "head"
    Si la respuesta te ha sido util Marcala como Respuesta o Votala.
    Mi Blog: Jtorrecilla
    • Marked as answer by yeni25 Tuesday, December 29, 2009 7:16 PM
    Thursday, December 17, 2009 8:39 PM
  • hola

    ok gracias

     en esta parte que debe de window.location="highres.html";el nombre de que????? de mi pagina que se llama directorio.aspx o que??????


    gracias de antemano saludos

    Thursday, December 17, 2009 11:34 PM
  • hola

    como te había comentado el link tan solo muestra un ejemplo, y si bien allí realiza una redireccion a la pagina que esta adaptada a la resolucion, en tu caso podrías hacer otro tipo de trabajo si lo necesitas.

    si en window.location 
    para el ejemplo deberías poner la pagina a la que quieres enviar al usuario si detectas determinada resolución

    podrías probar poniendo

    window.location="directorio.aspx";

    si es esto lo que necesitas hacer

    saludos

    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    • Marked as answer by yeni25 Tuesday, December 29, 2009 7:16 PM
    Friday, December 18, 2009 3:32 AM
  • Mira, tiene que ser en pixeles? por que puedes usar una table y ponele al 100% da lo mismo el tipo de monitor o si la pagina esta maximisada o el tamaño que tenga, la pagina se adaptara sola

    puedes darle 100%, 50% lo que quieras a todos los controles   

    cualquier cosa preguntas saludos      
    <table style="100%; height: 100%">
                        <tr>
                            <td>
                            </td>
                             <td>
                            </td>
                             <td>
                            </td>
                        </tr>
                         <tr>
                            <td>
                            </td>
                             <td>
                            </td>
                             <td>
                            </td>
                        </tr>
    <table>

    marco
    • Marked as answer by yeni25 Tuesday, December 29, 2009 7:16 PM
    Friday, December 18, 2009 6:40 PM
  • Hola como estas de pronto te sirva de algo este link, creo que también esta en JavaScript:
    Saludos

    "En Busqueda del conocimiento" "DCE Estrella 2" "Practicando el conocimiento"
    Saturday, December 19, 2009 8:54 PM