Duda sobre posicionar DIV

[Runaway]

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

[rinojose]

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?

[Runaway]

Iniciado por rinojose

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

[Mikmoro]

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.

[Runaway]

Iniciado por Mikmoro

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

[Mikmoro]

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.

[Runaway]

Iniciado por Mikmoro

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, :$

[Mikmoro]

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.

[Mikmoro]

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.

[Runaway]

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.

[Mikmoro]

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.

[Runaway]

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.

[Mikmoro]

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.