Comment alligner 3 div dans grid960

Bonjour à tous;
je suis en train de mettre en forme le footer et dans cette patie j'ai divisé en 3 :

Service client - conditions et reseau
sur les 2 premières cases j'arrive à les aligner mais sur la derniere case Reseau elle ne se met au 4 dernières grilles :

voici le code :

 <!-- ici fin contenu  -->
         
         <div class="clear"></div>
        
        
					<div class="grid_12">
        
                <div id="footer">
                
								
								 <div class="service">
								 
													
                    <div class="grid_4" >
										
													<strong>Service Client</strong>
													
													 <ul>
														 
													
																<div class="grid_4">
																	<li>Contact</li>
																</div>
																<div class="clear"></div>
																
															
															
															<div class="grid_4">
																<li>Aide</li>
															</div>
															
													
														
													 </ul>
										</div>
														
								</div>
											
											
											<!-- condition -->
											
											<div class="condition">
													<div class="grid_4" >
													
															
																	<strong>Conditions </strong>
																 <ul>
																	 
																
																			<div class="grid_4 ">
																				<li>Infos sur les tarifs</li>
																			</div>
																				<div class="clear"></div>
																		
																		
																		<div class="grid_4 ">
																			<li>Infos sur les livraisons</li>
																		</div>
																		
																
																	
																 </ul>
													</div>
														
											</div>
											
											
											<!-- les reseaux sociaux  -->
											
												<div class="reseau">
															<div class="grid_4" >
															         
																			 <strong> reseau</strong>
																	
																			
																		 <ul>
																			 
																		
																					<div class="grid_4 ">
																						<li>Facebook</li>
																					</div>
																					<div class="clear"></div>
																				
																				
																				<div class="grid_4 ">
																					<li>Twitter</li>
																				</div>
																		
																			
																		 </ul>
															</div>
														
											</div>
											
											
											
	    
	    
                    
                    
                </div>
    
						</div>

le problème c'est sur la partie Reseau sociaux derniere case ;
en essayant elle se met à la ligne comme vous pouvez le voir sur l'image


est ce quelq'un connait d'où vient le problème merci

salut !

je suis sur tablette du coup le code n'est pas correctement affiché, mais j'ai comme l'impression qu'il a une erreur de structure dans ce code.

passe un coup de validateur de code html pour voir s'il n'y aurait pas de problème.

Bonjour,

Merci de supprimer les sauts de lignes et espaces en trop dans ton code. Même sans être sur tablette ou mobile, il est totalement illisible.

Salut !

Essaye d'ajouter la class "alpha" a ta premiere div, puis la class "omega" a ta troisième, like so :

<div class="grid_4 alpha"></div>
<div class="grid_4"></div>
<div class="grid_4 omega"></div>

Re,

Effectivement, ce n'était pas la tablette qui mettait le code à mal.

Et effectivement, ton code n'est pas "syntaxiquement" correct.

Passe ton code au validateur http://validator.w3.org/ et tu verras qu'il y a des erreurs d'ouverture/fermeture de balises qui font que ... tu n'obtiens pas ce que tu souhaites.