Foros del Web » Creando para Internet » CSS »

Duda sobre posicionar DIV

Estas en el tema de Duda sobre posicionar DIV en el foro de CSS en Foros del Web. Hola, Tengo una duda en css, Tengo dos div horizontales uno debajo del otro: Ese seria el código: <div class="textcap"></div> <div class="cospag"></div> Como seria el ...
  #1 (permalink)  
Antiguo 28/05/2008, 02:48
 
Fecha de Ingreso: octubre-2006
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 2
Duda sobre posicionar DIV

Hola,

Tengo una duda en css,

Tengo dos div horizontales uno debajo del otro:

Ese seria el código:

<div class="textcap"></div>
<div class="cospag"></div>

Como seria el css si quiero que al visualizar la pagina el div cospag se muestre arriba del textcap? Textcap tiene tamaño variable según el contenido de la web.

Muchas gracias

Última edición por Runaway; 28/05/2008 a las 03:28
  #2 (permalink)  
Antiguo 28/05/2008, 10:44
 
Fecha de Ingreso: noviembre-2001
Ubicación: Madrid
Mensajes: 312
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Duda sobre posicionar DIV

En una página web las cosas se cargan según aparezcan en el código fuente. Si quieres que aparezca arriba ¿por qué no alternas el orden de los divs?
  #3 (permalink)  
Antiguo 29/05/2008, 01:54
 
Fecha de Ingreso: octubre-2006
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: Duda sobre posicionar DIV

Cita:
Iniciado por rinojose Ver Mensaje
En una página web las cosas se cargan según aparezcan en el código fuente. Si quieres que aparezca arriba ¿por qué no alternas el orden de los divs?
Hola,

Me gustaría hacerlo así por temas de SEO ya que el contenido seria una serie de palabras clave que saldrían al pie de la pagina pero que, al ver el condigo, salieran arriba del todo.

Gracias
  #4 (permalink)  
Antiguo 29/05/2008, 01:58
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda sobre posicionar DIV

Prueba con:

.cospag {position: absolute; top: 0;}

En realidad que esto funcione o no depende de cómo tengas el resto de elementos colocados.

Mikel.
  #5 (permalink)  
Antiguo 29/05/2008, 03:50
 
Fecha de Ingreso: octubre-2006
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: Duda sobre posicionar DIV

Cita:
Iniciado por Mikmoro Ver Mensaje
Prueba con:

.cospag {position: absolute; top: 0;}

En realidad que esto funcione o no depende de cómo tengas el resto de elementos colocados.

Mikel.
Hola,

Ahora mismo solo tengo estos dos elementos. Con lo que tu me as hado se me a puesto el div .cospag arriba de todo, pero el otro no hace el “float” al final de la pagina. Lo que passa es que se queda arriba con el .cospag encima.

Gracias
  #6 (permalink)  
Antiguo 29/05/2008, 03:58
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda sobre posicionar DIV

A eso me refería.

Una vez colocado el que te interesa arriba, ahora deberás posicionar el otro tras él, bien con un margen superior (margin-top: 20px;), con un padding superior o bien posicionándolo tambien de forma absoluta, con por ejemplo un top:20px;

Todo depende como te decía de cómo quieres hacer toda composición en conjunto, para lo que sólo tendrás que echarle un poco de imaginación con los datos que ya tienes.

Mikel.
  #7 (permalink)  
Antiguo 29/05/2008, 04:39
 
Fecha de Ingreso: octubre-2006
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: Duda sobre posicionar DIV

Cita:
Iniciado por Mikmoro Ver Mensaje
A eso me refería.

Una vez colocado el que te interesa arriba, ahora deberás posicionar el otro tras él, bien con un margen superior (margin-top: 20px;), con un padding superior o bien posicionándolo tambien de forma absoluta, con por ejemplo un top:20px;

Todo depende como te decía de cómo quieres hacer toda composición en conjunto, para lo que sólo tendrás que echarle un poco de imaginación con los datos que ya tienes.

Mikel.
Hola,

Las 3 formas que dices, son para poder el div en una distancia concreta, el hecho es, que el div de arriba no tiene un height ya que dependerá del contenido de la pagina.



Gracias por la ayuda, :$
  #8 (permalink)  
Antiguo 29/05/2008, 04:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda sobre posicionar DIV

Pues eso, a una distancia de arriba para que no se solape sobre el que has posicionado de manera absoluta y le de espacio.
Supongo que eso es lo que querías, ¿no?

Mikel.
  #9 (permalink)  
Antiguo 29/05/2008, 05:05
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda sobre posicionar DIV

Creo que hay una cosa que no me has entendido o no me he explicado bien:
si pones en la css:

.cospag {position: absolute; top: 0px;}
.textcap {margin-top: 30px;}

poniendo tu html como lo tenías:

<div class="textcap"></div>
<div class="cospag"></div>

lo que consigues es lo que querías, es decir, la casa segunda (cospag) queda por encima de la primera, y de esa manera lo que ves es primero la caja cospag y debajo la caja textcap, tenga esta el contenido que tenga, que se estirará hacia abajo.

A ver si ahora lo he hecho mejor.

Mikel.
  #10 (permalink)  
Antiguo 29/05/2008, 05:28
 
Fecha de Ingreso: octubre-2006
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: Duda sobre posicionar DIV

Ui perdón creo que soy yo quien no se ha explicado bien,

La caja que me gustaría que creciera de manera dinámica según el contenido es la de .cospag
Si pongo un margin-top: 30px; a textcap, la caja cospag “solo” podrá crecer hasta 30px sin comerse a la textcap

Perdón por el malentendido.
  #11 (permalink)  
Antiguo 29/05/2008, 05:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda sobre posicionar DIV

Ah, de acuerdo. Es justo lo contrario. Entonces habría que plantearlo de otra forma. No obstante, ¿estás seguro de que eso será importante para el SEO?

Mikel.
  #12 (permalink)  
Antiguo 29/05/2008, 06:03
 
Fecha de Ingreso: octubre-2006
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 2
Respuesta: Duda sobre posicionar DIV

Pues soy bastante nuevo con el tema de SEO pero según he leído los buscadores tienen bastante en cuenta el texto que se encuentra dentro de los tags <h1> y si lo encuentra al inicio del código mejor.

Mi idea era poner un pie de página con algunas de las palabras clave, dentro de un h1 y que además se encontrasen al inicio del código.
  #13 (permalink)  
Antiguo 29/05/2008, 06:24
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Duda sobre posicionar DIV

Pero en ese caso lo podrías hacer justo al contrario, es decir, posicionar esa caja de manera absoluta y pegada al pie de la página con bottom:0;

Como te digo, todo dependerá del resto de elementos, pero creo que la solución no sería subir el resto de cosas, sino bajar ese h1 cuando el resto de la composición esté hecha, para saber exactamente qué es lo mejor para bajarlo..

Mikel.
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 04:57.