Foros del Web » Creando para Internet » CSS »

posicionando un elemento a la derecha

Estas en el tema de posicionando un elemento a la derecha en el foro de CSS en Foros del Web. Hola forosdelweb Ahora comenzaré a preguntar por la estructura del sitio xd Me gustaría preguntaros como posicionar un elemento fijo en la derecha del navegador. ...
  #1 (permalink)  
Antiguo 16/10/2011, 06:17
 
Fecha de Ingreso: octubre-2011
Mensajes: 129
Antigüedad: 13 años, 1 mes
Puntos: 1
posicionando un elemento a la derecha

Hola forosdelweb

Ahora comenzaré a preguntar por la estructura del sitio xd

Me gustaría preguntaros como posicionar un elemento fijo en la derecha del navegador.

Lo único que tengo es lo siguiente

<div id="up">Colocar aquí el contenido para id "up"</div>
<div id="content">Colocar aquí el contenido para id "content"</div>
<div id="sidebar">Colocar aquí el contenido para id "sidebar"</div>

Vamos las etiquetas,cuando hago un left no me deja ponerlo al final del navegador se queda justo donde acaba el content.

Como podria hacer para posicionar el elemento en la derecha?
  #2 (permalink)  
Antiguo 16/10/2011, 10:11
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: posicionando un elemento a la derecha

www.librosweb.es
manual de iniciación a css: "Introducción a CSS" comenzar a leerlo
Capítulo 12.3. Estructura o layout

En google:
http://www.google.es/search?q=layout+css
  #3 (permalink)  
Antiguo 16/10/2011, 11:32
laventanadewindows
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: posicionando un elemento a la derecha

Vamos a ver, no hay forma de decirle al navegador derecha o izquierda, o es más complicado de configurar, así que determinalo mediante hojas de estilo:

Así puedes, en el caso de que quieras poner
Código:
<style>
#up {
position: absolute;
top: XXpx;
left: XXpx;
}

#sidebar {
position: absolute;
top: XXpx;
left: XXpx;
}

#content {
position: absolute;
top: XXpx;
left: XXpx;
}
Debes modificar las dos XX mayusculas que hay después de top, para que ese elemento se situe a X unidades de pixeles de la parte superior y las X después del left para determinar a cuantos pixeles está el margen izquierdo.

Es muy fácil, prueba y verás.
  #4 (permalink)  
Antiguo 16/10/2011, 13:55
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: posicionando un elemento a la derecha

Según mi opinión, mala idea el construir un layout a base de position:absolute.
  #5 (permalink)  
Antiguo 21/10/2011, 09:36
laventanadewindows
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: posicionando un elemento a la derecha

Se hace lo que se puede kseso? A mi nadie me enseñado a programar así que muchas cosas que hago las programo a lo bruto.
  #6 (permalink)  
Antiguo 21/10/2011, 15:39
 
Fecha de Ingreso: octubre-2011
Mensajes: 129
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: posicionando un elemento a la derecha

mmm...entonces que tipos de position ustilizo y tal segun vuestras recomendaciones?...

porque si que se de csss y html pero siempre que llego a esto de las position me lio..xd
  #7 (permalink)  
Antiguo 21/10/2011, 23:13
Avatar de Oscar_Hidro  
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 13 años, 1 mes
Puntos: 25
Respuesta: posicionando un elemento a la derecha

No seria con position:right; en el content sobre el elemento a posicionar???

Cual de las tres etiquetas o q estructura quieres posicionar a la derecha?
  #8 (permalink)  
Antiguo 22/10/2011, 05:42
laventanadewindows
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: posicionando un elemento a la derecha

No eso si que no, el atributo position solo puede tener tres valores:
absolute, inherit, y fixed
  #9 (permalink)  
Antiguo 22/10/2011, 09:03
 
Fecha de Ingreso: octubre-2011
Mensajes: 129
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: posicionando un elemento a la derecha

codigo css

#content {
position:absolute;
background-color:#0C3

}
#sidebar {
position:absolute;
left:100%;

}

resultado final

http://img69.xooimage.com/files/c/5/1/registroproblem-2df7f86.png

Etiquetas: dre, sidebar, situando
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 13:32.