Foros del Web » Creando para Internet » CSS »

posición de elementos con distintas resoluciones y tamaños de pantalla

Estas en el tema de posición de elementos con distintas resoluciones y tamaños de pantalla en el foro de CSS en Foros del Web. Buenos días a [email protected] ya se que la pregunta es redundante en este foro, pero he estado buscando y todo lo que he encontrado no ...
  #1 (permalink)  
Antiguo 26/11/2008, 01:57
 
Fecha de Ingreso: enero-2008
Mensajes: 133
Antigüedad: 9 años, 11 meses
Puntos: 1
posición de elementos con distintas resoluciones y tamaños de pantalla

Buenos días a [email protected]
ya se que la pregunta es redundante en este foro, pero he estado buscando y todo lo que he encontrado no me ha servido de nada.
El tema es que estoy haciendo una web con DW y CSS que consta de frames, un main y un top. En el top hay dos menús uno vertical con enlaces directos y otro horizontal situados en el centro y uno al lado del otro. El caso es que si pongo la distancia left en % se me montan cuando encojo la ventana de derecha a izda. con el top no pasa ya que arriba de momento no hay nada, pero lo habrá, y si pongo left en px cuando cambio la resolucion de la pantalla se me queda todo descentrado.
Aqui el código html:
Código HTML:
<div id="contenedor" style="margin:auto" align="center">
   <div id="globalNav">  
  <table border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','Qsomos_reposo','../imagenes/Menu%20superior/Qsomos_click.jpg',1)" onMouseOver="MM_nbGroup('over','Qsomos_reposo','../imagenes/Menu%20superior/Qsomos_sobre.jpg','../imagenes/Menu%20superior/Qsomos_sobre.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="../imagenes/Menu%20superior/Qsomos_reposo.jpg" alt="" name="Qsomos_reposo" width="165" height="26" border="0" onload=""></a></td>
          <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','PROD_SERV_reposo','../imagenes/Menu%20superior/PROD_SERV_click.jpg',1)" onMouseOver="MM_nbGroup('over','PROD_SERV_reposo','../imagenes/Menu%20superior/PROD_SERV_sobre.jpg','../imagenes/Menu%20superior/PROD_SERV_sobre.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="../imagenes/Menu%20superior/PROD_SERV_reposo.jpg" alt="" name="PROD_SERV_reposo" width="211" height="26" border="0" onload=""></a></td>
          <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','franquicia_reposo','../imagenes/Menu%20superior/franquicia_click.jpg',1)" onMouseOver="MM_nbGroup('over','franquicia_reposo','../imagenes/Menu%20superior/franquicia_sobre.jpg','../imagenes/Menu%20superior/franquicia_sobre.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="../imagenes/Menu%20superior/franquicia_reposo.jpg" alt="" name="franquicia_reposo" width="227" height="26" border="0" onload=""></a></td>
        </tr>
      </table>
  </div>
  <!-- end globalNav -->
  <div id="subglobal8" class="subglobalNav">
    <p><a href="#">Proyectos destacados 1</a><br>
       <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center">
	   <a href="#">Proyectos destacados 2 </a> <br>
	   <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center">   
       <a href="#">Proyectos destacados 3</a><br>
       <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center">
       <a href="#">Proyectos destacados 4</a><br>
       <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center">
       <a href="#">Proyectos destacados 5</a><br>
       <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center">
       <a href="#">Proyectos destacados 6</a><br>
       <img src="../imagenes/Menu%20izda/BARRA.jpg" style="text-align:center">
       <a href="#">Proyectos destacados 7</a></p>
  </div>
</div> 

aqui el CSS:
.subglobalNav{
position: absolute;
top: 143px;
left: 263px;
height: 200px;
visibility: visible;
color: #ffffff;
width: 190px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-decoration: none;
background-image: url(file:///C|/Documents%20and%20Settings/ruben/Escritorio/WEB3/imagenes/Menu%20izda/fondo.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
list-style-type:none;
list-style-position: inside;
line-height: normal;
text-align:center;

}


globalnav es el menu horizontal situado a la derecha y subglobalnav8 es el menu vertical situado a la izda.

perdonar el supertocho pero es lo que hay
por favor que alguien me ayude que estoy muy mareado ya.
saludos.
  #2 (permalink)  
Antiguo 27/11/2008, 06:56
 
Fecha de Ingreso: enero-2008
Mensajes: 133
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: posición de elementos con distintas resoluciones y tamaños de pantalla

Creo que lo he solucionado:
he quitado el div "contenedor" de todo y he creado dos contenedores uno para el menú vertical (subglobal8) y otro para el horizontal(la tabla globalnav) pero independientes el uno del otro.
El primer contenedor lo he fijado a 0,0 y el menu vertical que esta dentro de él a left :22% y top:15%, el segundo contenedor lo he colocado a left:190px (que es lo que mide el menu vertical de ancho) y dentro el menú vertical a % de left y top.
Ha funcionado se me monta un poco cuando encojo la ventana pero tengo que seguir trabajando en eso.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:58.