Ustawienie tej samej szerokości diva

Question

Hej, potrzebuje pomocy z szerokością diva, obie tabelki maja tego samego diva lecz oba są innej szerokości. http://prntscr.com/81girh

 

<div class="container home-ranking-div">
<table class="home-ranking-table">
<tr>
<td><h1 class="home-ranking-header">Ranking PVP</h1></td>
<td><h1 class="home-ranking-header">Ranking gildii</h1></td>
</tr>
<tr>
<td class="home-ranking-td">
<div class="home-ranking-panel">
<table class="table table-hover">
<thead>
<th class="text-center">Skin</th>
<th class="text-center">Nick</th>
<th class="text-center">Ranking</th>
</thead>
<tr>
				<?php ranking_graczy() ?>
				</table>
				</div>
			</div>
		</div>
	</div>
</div>
</td>

<td class="home-ranking-td">
<div class="home-ranking-panel">
<table class="table table-hover">
<thead>
<th class="text-center">Skin</th>
<th class="text-center">Nazwa gildii</th>
<th class="text-center">Ranking</th>
</thead>
<tr>
				<?php ranking_gildii(); ?>
				</table>
				</div>
			</div>
		</div>
	</div>

 

.home-ranking-div {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.home-ranking-table {
	width: 100%;
	text-align: center;
}
.home-ranking-td {
	padding-right: 10px;
	padding-left: 10px;
	width: 25%;
}
.home-ranking-panel {
	background-color: #fff;
	border-radius: 3px;
	height: 450px;
}

 

Oczywiście chodzi o ustawienie takiej samej szerokości tabelki prawej na taka jaką ma lewa.

Answer 1

A nie jest to spowodowane tym, że prawa tabelka ma w środkowej kolumnie szersze dane? Tabelki lubią się rozciągać odpowiednio do danych.

Spróbuj jej dostawić table-layout: fixed w CSS

Comments

Wielkie dzięki, miałeś racje!