Problemas con % y Dive`s

[dotnet]

Que tal como estan..! mi problema es el siguiente, el portal que estoy construyendo esta distribuido con porcentajes pero lo probe en una portatil que tiene resoluciones mayores a 1280 y no me toma el 100% de la pantalla. Alguien me puede ayudar

[MarioAraque]

Usar porcentajes siempre es un problema, la verdad siempre es mejor usar valores fijos, y el que tiene una resolucion menor a 1024..................q se haga amigo de la tecnologia y se compre un monitor adecuado jeje.

Tendrias que poner codigo para que veamos como ayudarte, dotnet.

Saludos.

[Impostor]

Mirate esto http://www.100px.com/articulos/ni_fi...quido_elastico

[dotnet]

esta es la hoja de estilo todo perfecto desde resoluciones 800 hasta 1280 de ahi en adelante todo se viene a la izquierda dejando un espacio bastante considerable a la derecha. Si tiene alguna sugerencia y disculpen si hay redundancias en la hoja css
Saludos..!

body {
font-size: 10pt;
background: #ffffff;
margin: 0px;
color: #000000;
font-family:Helvetica,Arial,sans-serif;
}

img {
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px
}

a {
text-decoration: none;

}

a:visited {
color:#0000ff;
}
a:active {
color:#0000ff;
}

a:hover {
color:#CC4444;
}



#contenedor {

}

#cabecera {

}

#menu {
float: left;
width: 21%;
BACKGROUND-COLOR:#ffffff;

}

#principal {
float: left;
width: 49%;

}

.contenido {
width: 100%;
height: 900px;
width: 100%;
border-left:#75A5D6 1px dashed;
border-right:#75A5D6 1px dashed;

}


#secundario {
float: left;
width: 30%;
BACKGROUND-COLOR:#ffffff
}



#footer1 {
CLEAR: both; WIDTH: 100%; PADDING-TOP: 35px;
}
#footer1 {
BACKGROUND: url(../imagenes/principal/btm.gif) repeat-x 0px 15px
}
#footer2 {
FONT-SIZE: 8pt; COLOR: #666; TEXT-ALIGN: center;
}
#footer2 {
WIDTH: 100%; PADDING-TOP: 15px;
}
#footer2 DIV.copyright {
DIRECTION: ltr;
}



#imagenCabecera {
WIDTH: 100%; HEIGHT: 50px;

}

.derecha { float: right; margin-right:1px;}
.izquierda { float: left; margin-left:1px; }
.institucion{ float: left; margin-left:10px; margin-top:8px; font-size: 1em; font-weight:bold; }

div.clear { clear: both; }

.barraDerecha { float: right; margin-right:10px; margin-top:50px;}
.barraIzquierda { float: left; margin-left:2px; margin-top:50px;}




#linea{
width: 100%;
height:6px;
background-color:#E60810;
float:center;
}

#ltop1 {
WIDTH: 100%; HEIGHT: 90px; TEXT-ALIGN: right
}

#ltop1 {
BACKGROUND: url(../imagenes/principal/m.gif) repeat-x
}



#menuP{
width: 100%;
height:26px;
background-color:#cccccc;
float:center;
}

#main-nav {
padding: 0;
margin: 2px 0px 2px 0px;
background-color: #003366;
height: 1.8em;
font-size: 1em;
}

#main-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
/* Menu*/
#main-nav li {
float: left;
position: relative;
width: 9.3em;
height: 1.5em;
text-align: center;
color: #ffffff;
border-right: #cccccc groove 2px;
border-bottom: #cccccc groove 2px;
background-color: #003366;
padding-top: 0.25em;
}

#main-nav li a {
text-decoration: none;
color: #ffffff;
display: block;
}

#main-nav li ul {
display: none;
position: absolute;
top: 1.9em;
left: 0;
z-index: 999999;
}
/* color que se desplaza por el Submenu*/
#main-nav li:hover {
background-color: #2393D7;
color: #000000;
}

#main-nav li a:hover {
color:#003366;
}

#main-nav li:hover ul, #main-nav li.over ul {
display: block;
}

/* Submenu*/
#main-nav li ul li {
background-color: #003366;
}

#main-nav li ul li a {
display: block;
}




.logotipo{
margin-top:3px; height:140px; width:auto;

}



.caja {
MARGIN-TOP: 10px;
MARGIN-RIGHT: 10px;
MARGIN-LEFT: 10px;
}


.caja1{
MARGIN-TOP: 10px;
MARGIN-RIGHT: 10px;
MARGIN-LEFT: 10px;
HEIGHT:75px;

}

.caja2{
MARGIN-TOP: 10px;
MARGIN-RIGHT: 10px;
MARGIN-LEFT: 10px;
HEIGHT:75px;

}

.caja3{
MARGIN-TOP: 10px;
MARGIN-RIGHT: 10px;
MARGIN-LEFT: 10px;
HEIGHT:75px;

}

.solido {
BORDER-RIGHT: #75A5D6 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #75A5D6 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #75A5D6 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #75A5D6 1px solid
}

.punteada {
BORDER-RIGHT: #75A5D6 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: #75A5D6 1px dashed; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #75A5D6 1px dashed; PADDING-TOP: 5px; BORDER-BOTTOM: #75A5D6 1px dashed

}

.punteada1 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
HEIGHT:75px;
}






.sinBorde {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}



#pscroller1{
width: 230px;
height: 150px;

}


.limpiar {
CLEAR: both;
}



#submenu{
width:160px;
}

#nav{
width:160px;
text-align:left;
float:left;
padding-left:1px;
}


#nav ul{
padding:0px;
margin:0px;
list-style:none;
padding-top:10px;
}

#nav li{
line-height:20px;
color:#CC4444;
border-bottom:1px solid #ffffff;
padding-left:3px;
}

#nav li a{
height:20px;
display:block;
color:#000000;
text-decoration:none;
padding-left:3px;
}

#nav li a:hover{
height:20px;
display:block;
color:#0000FF;
text-decoration:none;
padding-left:3px;
background-color:#EEF0EF;
}

.imagenPeq{
width:30px;
height:30px;
}


.subEncabezado {
margin-top:5px;
DISPLAY: block; }

.flecha {
color: #CC4444;
font-weight:bold;
font-size:16px;
}

[Impostor]

Mira esta tabla



Como ves, una resolución superior a 1280 no es común, no debes tenerlo demasiado en cuenta. De todas formas, revisa el enlace que te puse antes...

[dotnet]

Buena la información estadistica de esa tabla, si puedes enviame la fuente por favor y gracias..!

[jomaruro]

Hola:

Iniciado por MarioAraque

y el que tiene una resolucion menor a 1024..................q se haga amigo de la tecnologia y se compre un monitor adecuado

Un poco drástico ¿no?

Saludos.

[SPAWN3000]

No, todo debería funcionar en cualquier lugar...el problema de diseños elasticos es que las imágenes pierden calidad (Yo me quedo con los liquidos).

...

[dotnet]

Hola, tienes razon en lo que dices pero el portal tiene mas contenido que imagenes y las pocas que tengo las trabajo con ancho y alto fijo..! Gracias por tu comentario

[dotnet]

Que tal como estan? les informo que volvi a probar el portal en la portatil que tiene resoluciones mayores a 1240 y se ve perfectamente sin realizarle cambios. Si alguien tiene la explica que paso la primera vez agradezco la respuesta..! Saludos