Working on my messageboard project, I noticed that the CSS layout gets affected by different languages...
English, Chinese, and Thai all display correctly, but Japanese language messes up the CSS styling...
Using en_US, ja_JP, zh_TW, th_TH PHP files to switch between languages.
When using English: https://i.sstatic.net/goNyO.png
When using Japanese: https://i.sstatic.net/aT7jK.png
<li class="board_list">
<div class="board_img">
<img class="board_icon" src="./static/icon/board_icon.svg" alt="board icon">
</div>
<div class="board_text">
<div class="board_title">
<span>
<a href="./board.php?board_id=1">
<span>Testing the title length of a board name</span>
</a>
</span>
</div>
<div class="board_info">
<p class="p1">Posts: 26</p>
</div>
</div>
<div class="board_latest">
<div class="board_latest_title">
<span>Latest Post:</span>
<a href="./article.php?id=32" title="Testing the title length of a board name">Testing the title length of a board name</a>
</div>
<div class="board_latest_info">
<a href="./member.php?user=1" title="carry0987">
<span>carry0987,</span>
</a>
<span>2018-04-28</span>
</div>
</div>
</li>
<li class="board_list">
<div class="board_img">
<img class="board_icon" src="./static/icon/board_icon.svg" alt="board icon">
</div>
<div class="board_text">
<div class="board_title">
<span>
<a href="./board.php?board_id=2">
<span>Default</span>
</a>
</span>
</div>
<div class="board_info">
<p class="p1">Posts: 6</p>
</div>
</div>
<div class="board_latest">
<div class="board_latest_title">
<span>Latest Post:</span>
<a href="./article.php?id=23" title="Testing the title length of a board name">Testing the title length of a board name</a>
</div>
<div class="board_latest_info">
<a href="./member.php?user=2" title="carry0987y">
<span>carry0987y,</span>
</a>
<span>2018-04-28</span>
</div>
</div>
</li>
Here's my CSS code:
.board_list {
border-width: 1px;
border-style: solid;
border-color: #E9E9E9;
}