Foros del Web » Creando para Internet » CSS »

problema de maquetacion

Estas en el tema de problema de maquetacion en el foro de CSS en Foros del Web. Buenas gente como andan? necesito de nuevo su ayuda ya que ya intente por miles de maneras y no pude solcionar nada, les comento como ...
  #1 (permalink)  
Antiguo 28/04/2010, 18:45
Avatar de sebaweb  
Fecha de Ingreso: abril-2009
Mensajes: 95
Antigüedad: 8 años, 8 meses
Puntos: 0
Exclamación problema de maquetacion

Buenas gente como andan? necesito de nuevo su ayuda ya que ya intente por miles de maneras y no pude solcionar nada, les comento como viene la mano...

estoy maquetando un psd. tengo que hacer ocho cuatro cajas que contengan determinada informacion asi...





bueno como les decia, use unas listas, este es el codigo...

Código HTML:
<div class="menu_principal">
		<ul>
			<li>
				<div></div>
				<div>
					<h4>
						Mi nombre es Sebastian Petrucci, tengo 20 años y vivo en el barrio de Villa Urquiza. Desde los 18 años
						que empezé a diseñar páginas, manejo xhtml, css, javascript y tengo como objetivo llegar a manejar php.
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Puedes encontrarme mediante las siguientes maneras:
						Facebook
						Twitter
						Mail personal
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Acá podran econtrar páginas diseñadas por mi, y templates hechos con css tambien propios.
						A medida que valla diseñando mas templates los voy subiendo.
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Gracias a Wordpress pude tener mi blog personal, con mi propio dominio y poder elegir entre miles de diseños.
						Realmente es un placer usar Wordpress.
					</h4>
				</div>
			</li>
			</div>




		<div class="amigos"></ul>
		<ul>
			<li>
				<div></div>
				<div>
					<h4>
						*Agencia creativa
						*Campañas online
						*Marjeting
						*Publicidad
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Venta de hardware, computadoras, notebooks, servicio técnico, el mejor servicio pos-venta. Capital Federal, 
						Belgrano.
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						¿Necesitas recordar algo? Stuckeet es un sistema de posteos virtuales.
					</h4>
				</div>
			</li>
			<li>
				<div></div>
				<div>
					<h4>
						Torneos de Poker. Mesas preliminares de 8 o más personas. Estilo de juego Texas H'oldem.
					</h4>
				</div>
			</li>
		</ul>
		</div> 
y el css...

Código CSS:
Ver original
  1. .principal_cont {
  2.     margin: 0 auto;
  3.     margin-top: 80px;
  4.     padding: 0;
  5.     width: 955px;
  6.     overflow: hidden;
  7. }
  8. .principal_cont ul {
  9.     margin: 0;
  10.     padding: 0;
  11. }
  12. .principal_cont li {
  13.     margin-right: 50px;
  14.     float: left;
  15.     width: 190px;
  16.     color: #999;
  17. }
  18. .principal_cont ul li {
  19.     list-style-type: none;
  20. }
  21. .principal_cont h4 {
  22.     font-weight: normal;
  23.     font-family: Tahoma;
  24.     font-size: small;
  25. }
  26. .menu_principal {
  27.     margin-bottom: 20px;
  28. }
  29. .amigos {
  30.     margin-top: 50px;
  31. }

Bueno la cosa es que la imagen en mi editor de texto queda asi...



y en los navegadores asi...



Alguien sabe porque puede ser?? necesito ayuda urgente por favor, saludos y espero haber sido claro
  #2 (permalink)  
Antiguo 28/04/2010, 19:08
fiu
 
Fecha de Ingreso: diciembre-2006
Ubicación: Barcelona
Mensajes: 128
Antigüedad: 11 años
Puntos: 8
Respuesta: problema de maquetacion

el ancho no llega para los 4, y el 4º salta a la siguiente linea, con el float se va a la izquierda hasta donde puede, y queda debajo del segundo.... a partir de ahi el resto de la estructura se rompe.
  #3 (permalink)  
Antiguo 28/04/2010, 19:24
Avatar de sebaweb  
Fecha de Ingreso: abril-2009
Mensajes: 95
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: problema de maquetacion

sisi tenias razon!! igual si eso lo sabia trate de calcular una medida que no sobrepase la del div, pero lo que no habia visto es que habia puesto un margen derecho al UL y por eso no entraba!


muchas gracias por tu ayuda =D

Etiquetas: maquetacion
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 19:21.