Ver Mensaje Individual
  #5 (permalink)  
Antiguo 11/06/2009, 12:49
rufus
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 15 años
Puntos: 1
Respuesta: problema de maquetacion

calizz tengo otro problema relacionado con la duda ke me resolviste, tengo 2 columnas y 2 filas ok? ke en numeros seria:

1 2
3 4

pues no se ke he hecho con el codigo ke ahora la celda numero "2" keda asi

1
2 3
4

me entiendes se me a descuadrado todo. te paso otra vez el codigo incluyendo la solucion ke me diste para ver si puedes volver a ayudarme:

html



Código:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>mudanzas 2000 s.l</title>

<link href="micss2.css" rel="stylesheet" type="text/css" />
</head>

<body>




<div id="wrapper">
    <div id="header"><img src="imagenes/titulo.jpg" width="798" height="84" align="absmiddle"/> </div>
	<p> </p>
    <div id="menu"><div class="barraMenu">
	<a class="botonMenu" href="index.php">inicio</a><a class="botonMenu" href="">Nosotros</a><a class="botonMenu" href="">presupuestos</a><a class="botonMenu" href="">donde estamos</a><a class="botonMenu" href="">Garantía</a><a class="botonMenu" href="">Delegaciones</a><a class="botonMenu" href="">Servicios</a> 
      <p> </p>
</div>
</div>
    <div id="mainservicio">
      <div id="columservicio1">
       <img src="imagenes/servicioscasa.jpg" width="87" height="88"/>	  
	   <h5>SERVICIO DE MUDANZAS PARA PARTICULARES</h5>
<p>Contamos con el equipo y experiencia necesaria para en el traslado de su domicilio...
Ver más información</p>
      </div>
	<div id="columservicio2">
	</div>
	<div id="columservicio3">
    </div>
	<div id="columservicio4">
	</div>
</div>

</body>
</html>
y css

Código:
#mainservicio{
width:800px;
	background-color:#FFFFFF;
	height:800px;
	float:inherit;
	
	}

#columservicio1{
	width:400px;
	background-color:#FFFFFF;
	height:150px;
	float:left;
	overflow: auto;
	position: relative;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-right-style: groove;
	border-bottom-style: groove;

	}
	
	#columservicio1 img{
	float: left;
	}
	
	#columservicio1 p {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	}
	
#columservicio1 h5 {
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color:#FF0000;
	}

#columservicio2{
width:400px;
	background-color:#FFFFFF;
	height:150px;
	float:left;


	}
	
#columservicio3{
width:400px;
	background-color:#FFFFFF;
	height:150px;
	float:left;
	}

#columservicio4{
width:400px;
	background-color:#FFFFFF;
	height:150px;
	float:left;
	}
que tengo que modificar en el codigo para que las celdas se me queden como yo quiero es decir por orden:

1 2
3 4

que ago?

saludos