Итак, на моем profile.php у меня есть вкладка, которая загружается и отображает последние 10 сообщений, которые пользователь получил в своем профиле. Я пытаюсь отобразить каждую область в div, а затем плавать пользователь, который отправил на изображение страницы, размещенную слева от div. Но когда я делаю это, все divs рушится странным образом. Как показано здесь:Очистка CSS не работает должным образом
Так после того, как у меня были некоторые проблемы с этим я попытался добавить ясно: то и другое; строка кода внутри кода изображения, и это то, что он дал мне:
Просто я хочу, дивы всем, быть одинаковой высоты и верхний ДИВ не так много высоты, и его сбивает с толку мне, почему это на самом деле та высота.
Вот код, который работает в DIV сообщения:
while ($r = $query->fetch(PDO::FETCH_ASSOC)) {
?>
<div style="background-color: white; color:black; margin-left:280px; padding:5px; font-family: Sintony; font-size:16px; margin-bottom:5px;">
<img src="<?=user::idToPic($r['userID'])?>" width="50" height="50" style="float:left;" />
Test Message
<div style="clear:both;"> </div>
</div>
<?php
}
Это выход браузеров для первого сообщения, то второе сообщение
Можете ли вы сделать jsfiddle или plnkr с выходом HTML? – martin
@Martin, что трудно сделать в этом случае, потому что есть нагрузка, но я сделал jsfiddle как кластерный, как он есть: https://jsfiddle.net/p23Lzx0p/1/ Основные divs to look at are rightarea и leftarea – Jek
Осмотрите первую строку, чтобы увидеть, что вызывает нежелательное пространство с помощью инструментов разработчика браузеров. – Vucko