Maquetacion avanzada

[carlosferdo]

Buenas tardes.

Llevo un tiempo intentado averiguar como maqueto la web para que tenga un estilo a seriesly, facebook, tuenti... ya que su cabezera del menu principal siempre se mantiene activa y al movernos por la web unicamente cambia el cuerpo.

Alguien me ayuda?

[DanielRGB]

Tendrías que poner por ejemplo un:

float: left;
position: fixed;

si quieres también un:

z-index: 10;

[carlosferdo]

Muchas gracias por responder Daniel... con eso no consigo exactamente lo que busco.

Si te fijas en series ly por ejemplo, da igual a la opcion del menu cabecera que le des, notas que lo que unicamente se refresca de la pagina web es el cuerpo y la cabecera se mantiene fija.

Ejemplo:

INICIO | PERFIL | MENSAJES
------------------------------------

Yo no quiero que al pulsar perfil me cargue otra pagina web diferente con la misma cabecera, sino que simplemente se actualice el cuerpo de la web estando en el mismo archivo web.

Nose si me he expresado bien

[carlosferdo]

Ahora que caigoo ! xD

Un estilo a la funcion que realiza el FRAME de html

[carlosferdo]

He probado esto y tampoco me sirve, ya que la funcion que hace es colocar una capa debajo de otra y ocultarla no permitiendo el scroll de la web.

Código:

<div id="indice">
<ul>
  <li><a href="#Apartado1">Apartado 1</a></li>
  <li><a href="#Apartado2">Apartado 2</a></li>
</ul>
</div>

<div id="contenido">
<div id="Apartado1">
<h2>Apartado 1</h2>
<p>Este es el apartado 1</p>
</div>

<div id="Apartado2">
<h2>Apartado 2</h2>
<p>Este es el apartado 2</p>
</div>
</div>

[Uncontroled_Duck]

Creo, y digo creo, por que no lo se con certeza pero tiene pinta de ir por ahí la cosa.

Al escribir comentarios y demás, el cuerpo y los datos lo carga mediante ajax. Y la cabecera puede ser estática por que utilizan alguna función para cambiar la url sin recargar la página.

Para HTML5 existen algunas funciones que lo hacen, pero por lo visto no es compatible con todos los navegadores aún.

Puede que te sirva de orientación
http://www.google.es/search?client=s...SKJ8aX0QXevLgx

Saludos,

[carlosferdo]

Si, por lo que he leido era pushState() ... pero me llevo documentando desde ayer y lo veo algo complejo y al final he recurrido a ajax.

Ya me funciona perfecto. El unico problema que tengo con ajax que si estoy en el apartado MENSAJES del menu, al darle a F5 para actualizar mi web, vuelve automaticamente a la pagina principal. Nose muy bien como solucionar ese problema.

Otro problema de menor importancia que me esta dando es no poder ejecutar javascript dentro de ajax, ya que quiero incorporar un div desplegable y no me deja ajax

[Uncontroled_Duck]

Iniciado por carlosferdo

[...]
Ya me funciona perfecto. El unico problema que tengo con ajax que si estoy en el apartado MENSAJES del menu, al darle a F5 para actualizar mi web, vuelve automaticamente a la pagina principal. Nose muy bien como solucionar ese problema.
[...]

Lo único que deberías hacer es dejar marcada la sección en la que te encuentras en una variable tipo session, get, base de datos, cookie... la que creas oportuna.

Cuando cambies de sección editas la varible, y cada vez que refresques lee el contenido y carga a raíz de ahí.