Jump to content

Alinhamento de tabelas


Odizona
 Share

Recommended Posts

Ola pessoal eu tenho aqui um problema sera que me podem ajudar?

Porque é que as colunas não ficam alinhadas? :s

<!-- SkyWars -->
 <div class="container">
   <div class="column-left">
  <ul id="portfolio-list" class="row isotope" style="position: relative; overflow: hidden; height: 648px;">					 
							 <!-- BEGIN .portfolio-item -->
   <id="skywar" class="portfolio-item third page type-page status-publish has-post-thumbnail hentry isotope-item" data-filter="page type-page status-publish has-post-thumbnail hentry " style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">							    <!-- BEGIN .post-holder -->
						    <div class="post-holder shadow radius-full">
							    <a class="feature-img radius-top" href="skywar/1" rel="bookmark" title="SkyWar"><img src="http://www.minecraftgames.com.br/site/wp-content/uploads/2013/11/Teste1.png" class="attachment-featured-large wp-post-image" alt="SkyWar"></a>								    <!-- BEGIN .excerpt -->
							    <div class="excerpt radius-bottom">
								    <h2 class="title"><a href="skywar/1" rel="bookmark">SkyWar</a></h2>									    <div class="minigame-top"><p align="center" class="minigame-top-title">Top Vitórias</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/MaximusBruz">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/MaximusBruz"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">10</p></td><td width="20px"></td></tr></tbody></table></div><div class="minigame-top"><p align="center" class="minigame-top-title">Top KDR</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/WaxCoder">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/Haers"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">10.00</p></td><td width="20px"></td></tr></tbody></table></div><div class="minigame-top"><p align="center" class="minigame-top-title">Top Tempo jogado</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/WaxCoder">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/WaxCoder"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">1d 10h 4m</p></td><td width="20px"></td></tr></tbody></table></div>								    <!-- END .excerpt -->						 
	 </div>	   
						    <!-- END .post-holder -->
						    </div>
					    <!-- END .portfolio-item -->
					    </li>
			    </ul>
   </div>
  <!-- SkyWars -->
  <!-- SurvivaLGames -->
 <div class="column-center">
 <ul id="portfolio-list" class="row isotope" style="position: relative; overflow: hidden; height: 648px;">					 
							 <!-- BEGIN .portfolio-item -->
   <id="skywar" class="portfolio-item third page type-page status-publish has-post-thumbnail hentry isotope-item" data-filter="page type-page status-publish has-post-thumbnail hentry " style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">							    <!-- BEGIN .post-holder -->
						    <div class="post-holder shadow radius-full">
							    <a class="feature-img radius-top" href="skywar/1" rel="bookmark" title="SkyWar"><img src="http://www.minecraftgames.com.br/site/wp-content/uploads/2013/11/Teste1.png" class="attachment-featured-large wp-post-image" alt="SkyWar"></a>								    <!-- BEGIN .excerpt -->
							    <div class="excerpt radius-bottom">
								    <h2 class="title"><a href="skywar/1" rel="bookmark">SkyWar</a></h2>									    <div class="minigame-top"><p align="center" class="minigame-top-title">Top Vitórias</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/MaximusBruz">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/MaximusBruz"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">10</p></td><td width="20px"></td></tr></tbody></table></div><div class="minigame-top"><p align="center" class="minigame-top-title">Top KDR</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/WaxCoder">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/Haers"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">10.00</p></td><td width="20px"></td></tr></tbody></table></div><div class="minigame-top"><p align="center" class="minigame-top-title">Top Tempo jogado</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/WaxCoder">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/WaxCoder"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">1d 10h 4m</p></td><td width="20px"></td></tr></tbody></table></div>								    <!-- END .excerpt -->						 
	 </div>	   
						    <!-- END .post-holder -->
						    </div>
					    <!-- END .portfolio-item -->
					    </li>
			    </ul>
   </div>
  <!-- SurvivaLGames -->
  <!-- MiniGame -->
 <div class="column-right">
  <ul id="portfolio-list" class="row isotope" style="position: relative; overflow: hidden; height: 648px;">					 
							 <!-- BEGIN .portfolio-item -->
   <id="skywar" class="portfolio-item third page type-page status-publish has-post-thumbnail hentry isotope-item" data-filter="page type-page status-publish has-post-thumbnail hentry " style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">							    <!-- BEGIN .post-holder -->
						    <div class="post-holder shadow radius-full">
							    <a class="feature-img radius-top" href="skywar/1" rel="bookmark" title="SkyWar"><img src="http://www.minecraftgames.com.br/site/wp-content/uploads/2013/11/Teste1.png" class="attachment-featured-large wp-post-image" alt="SkyWar"></a>								    <!-- BEGIN .excerpt -->
							    <div class="excerpt radius-bottom">
								    <h2 class="title"><a href="skywar/1" rel="bookmark">SkyWar</a></h2>									    <div class="minigame-top"><p align="center" class="minigame-top-title">Top Vitórias</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/MaximusBruz">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/MaximusBruz"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">10</p></td><td width="20px"></td></tr></tbody></table></div><div class="minigame-top"><p align="center" class="minigame-top-title">Top KDR</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/WaxCoder">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/Haers"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">10.00</p></td><td width="20px"></td></tr></tbody></table></div><div class="minigame-top"><p align="center" class="minigame-top-title">Top Tempo jogado</p><table class="minigame-top-table"><tbody><tr><td class="minigame-top-table-name" align="right"><p class="minigame-top-name"><a class="user" href="/rank/perfil/WaxCoder">WaxCoder</a></p></td><td width="20px"></td><td align="left" rowspan="2"><a class="user" href="/rank/perfil/WaxCoder"><img src="http://cravatar.eu/helmhead/WaxCoder/64"></a></td></tr><tr><td class="minigame-top-table-score" align="right"><p class="minigame-top-score">1d 10h 4m</p></td><td width="20px"></td></tr></tbody></table></div>								    <!-- END .excerpt -->						 
	 </div>	   
						    <!-- END .post-holder -->
						    </div>
					    <!-- END .portfolio-item -->
					    </li>
			    </ul>
  </div>
  <!-- MiniGame -->
 </div>

CSS:

}

.column-left{ float: left; width: 60%; }

.column-right{ float: right; width: 60%; }

.column-center{ display: inline-block; width: 60%; }

Link to comment
Share on other sites

talves porque 100% é a largura da pagina... 60*3 = 180

e imagina que tens uma largura de 1000px

cada coluna ocupa 600px, total de 1800px... não achas normal agora?

o que tens de fazer é pegar em 100% e dividir pelo numero de objetos que queres por linha (neste caso 3 objetos)

e sente-te a vontade em usar pelo menos 2 casas decimais, just saying

B2R » Beat2Revolution v3.0b | Regista e divulga-nos

beat2revolution.net
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.