Foros del Web » Creando para Internet » CSS »

Problema para ubicar elementos en línea

Estas en el tema de Problema para ubicar elementos en línea en el foro de CSS en Foros del Web. Hola, Estoy armando una página y en la misma tengo que poner los siguientes tres elementos de izquierda a derecha: Elemento 1 (pronostico del tiempo) ...
  #1 (permalink)  
Antiguo 01/03/2009, 16:48
 
Fecha de Ingreso: febrero-2009
Mensajes: 4
Antigüedad: 8 años, 10 meses
Puntos: 0
Exclamación Problema para ubicar elementos en línea

Hola,

Estoy armando una página y en la misma tengo que poner los siguientes tres elementos de izquierda a derecha:

Elemento 1 (pronostico del tiempo)
Elemento 2 (banner)
Elemento 3 (tabla)

Esto tiene que estar ubicado arriba del menú horizontal que ya he creado. El diseño de los demás contenidos funciona bien, pero ubicar estos elementos con divs en la parte superior ha sido un dolor de cabeza.

Se me cambian de lugar, quedan uno debajo del otro, o la alineación central del banner no es la deseada.


Les paso el código HTML y el CSS.

Código HTML:
<div id="top">
<div id="weather">Elemento1</div>
<div id="banner">Elemento2</div>
<div id="box">Elemento3</div>
</div> 
CSS:
Código:
#top {
 float: left;
 width: 100%;

}

#weather {
 float: left;
 margin-top:15px;
 margin-left:33px;
}

#banner {
 float: left;
 margin-left:0;
}

#box {
 float: left;
 width: 4%;
}
Los dos primeros elementos me quedan juntos o el segundo no queda centrado como yo quiero. Todos tienen que estar al mismo nivel. Los tres elementos tienen que estar distribuidos uniformemente, pero no he logrado resolver este problema, por más que modifique atributos.
  #2 (permalink)  
Antiguo 01/03/2009, 18:22
 
Fecha de Ingreso: octubre-2008
Ubicación: Bs As
Mensajes: 128
Antigüedad: 9 años, 1 mes
Puntos: 0
De acuerdo Respuesta: Problema para ubicar elementos en línea

Por que no subes tu web a un host gratis para verla mas facilmente, asi sera mas facil ayudarte.

te dejo uno para que pruebes Aqui

Cuidate.
  #3 (permalink)  
Antiguo 01/03/2009, 19:09
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Problema para ubicar elementos en línea

esto::??

Código PHP:
#top {
 
width100%;

}

#weather {
 
floatleft;
}

#banner {
 
floatleft;

}

#box {
 
floatleft;


  #4 (permalink)  
Antiguo 02/03/2009, 14:15
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema para ubicar elementos en línea

Hola:

Creo que el problema lo tienes aquí (señalado en rojo):

Cita:
#weather {
float: left;
margin-top:15px;
margin-left:33px;
}
El margin-top:15px solo lo tienes en el div weather, lo que hace que ese div te lo posicione 15px más abajo que los otros dos.

Saludos.

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 05:46.