Foros del Web » Creando para Internet » CSS »

Desorden de los elementos durante la carga

Estas en el tema de Desorden de los elementos durante la carga en el foro de CSS en Foros del Web. Buenas! Estoy preparando un sitio web y he notado que, durante la carga de la página, algunos elementos (la imagen que utilizo como título, principalmente), ...
  #1 (permalink)  
Antiguo 20/01/2009, 12:57
 
Fecha de Ingreso: enero-2009
Mensajes: 6
Antigüedad: 8 años, 10 meses
Puntos: 0
Desorden de los elementos durante la carga

Buenas!

Estoy preparando un sitio web y he notado que, durante la carga de la página, algunos elementos (la imagen que utilizo como título, principalmente), se visualizan a la izquierda durante la carga de la página.

Cuando la carga termina, los elementos se colocan adecuadamente. El título está dentro de un div que se situa en el centro de la página, y flota a la izquierda.

En la página:

<div id="maincontainer">

<div id="topsection"><div class="innertube">
<div id="logo">
<img src="Imagenes/Logo.jpg">
</div>
</div>
</div>

En el css:

#maincontainer{
width: 780px;
margin: 0 auto;
BORDER: black 1px solid;
}

#topsection{
height: 120px;
}

.innertube{
margin: 10px;
margin-top: 0;
}

#logo{
float: right;
}

¿Se os ocurre por qué puede ser?

¡Muchas gracias!
  #2 (permalink)  
Antiguo 20/01/2009, 17:57
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Desorden de los elementos durante la carga

Saludos MrPotato!!

A mi parecer no es ningun problema ese!

Simplemente que los exploradores cargan los elementos individualmente, por lo que primero carga un div, luego otro, y asi sucesivamente; por lo que los elementos se van ordenando mientras carga la pagina.

No hay ningun problema en esto, y si tu pagina al terminar de cargar se ve bien no hay ningun problema!

Saludos!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 21/01/2009, 01:36
 
Fecha de Ingreso: enero-2009
Mensajes: 6
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Desorden de los elementos durante la carga

¿Y no tiene solución? Desde nuestro punto de vista es bastante antiestético...
  #4 (permalink)  
Antiguo 21/01/2009, 07:37
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Desorden de los elementos durante la carga

Creo que los navegadores van "dibujando" la página según leen el código.
Así que si se encuentran una imagen pero no tienes indicado las dimensiones de ella, no pueden reservarle el espacio justo hasta que no terminan de cargarla.

Hace un tiempo, no recuerdo quién fue, se apuntaba la conveniencia de indicar en el html las medidas de las imágenes para que el navegador sepa el espacio que ocupa y así se lo asigne.

Pero no he verificado la efectividad.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 21/01/2009, 19:51
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 13 años, 2 meses
Puntos: 10
Respuesta: Desorden de los elementos durante la carga

Efectivamente, kseso? da en el clavo: si las imágenes llevan su tamaño indicado en el html, al dibujarse la página el browser reserva ese sitio aunque la imagen tarde un poco en llegar y con esto se logra que la página se vaya dibujando sin descomponerse inicialmente.

Al contrario que kseso?, yo sí lo tengo verificado y así es. Por eso siempre pongo el tamaño de las imágenes en mis páginas.

Saludos
  #6 (permalink)  
Antiguo 22/01/2009, 01:23
 
Fecha de Ingreso: enero-2009
Mensajes: 6
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Desorden de los elementos durante la carga

Hola de nuevo.

Nuestro problema es justo al contrario: la imagen (supongo que ya cacheada) y un enlace que tenemos en la cabecera son lo primero que se carga, y se situa a la izquierda de la página. Cuando la página termina de cargarse, ambos elementos se colocan adecuadamente en su sitio.

De todos modos, tomo nota de la sugerencia de indicar el tamaño de página, puede ser útil para otras partes de la web y no lo estábamos haciendo.

Un saludo
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:59.