Уважаемые знатоки. Нужна помощь, чайнику.
Есть печатная форма с фиксированным размером 297мм - 210мм "div class="a4" в форму загружаются разные "div class="container" с разным содержимым и плавающим размером высоты и ширины.
в итоге получается как на картинке.
код образно по принципу
Как сделать, что бы все, что не входит в рамки 1 DIV, автоматически переносилось в аналогичный div. Как на картинке.
<body>
<?php
$db_HOST = 'localhost';
$db_USER = 'root';
$db_PASSWORD = '';
$db_NAME = 'test';
$mysqli = @new mysqli ($db_HOST, $db_USER, $db_PASSWORD, $db_NAME);
if ($mysqli->connect_errno) {
echo "База данных недоступна. Ошибка: " . $mysqli->connect_errno;
} else {
$mysqli->query ("SET NAMES 'utf8'");
echo "Успешно подключена. База: " . $db_NAME;
}
?>
<div class="A4" style="height: 297mm; width:210mm; background: rgb(163, 46, 89); padding: 15mm; margin: 25px;">
<!-- База 1 -->
<?php
$query = mysqli_query($mysqli, "SELECT * FROM `baseone`");
while ($row = mysqli_fetch_array($query)) {
$id = $row['id'];
?>
<div class="content" style="float:left; width: 40mm; height: auto; border: 1px solid black; padding: 5px; margin: 5px;"> <?php echo $row['lineone']; ?> </div>
<?php } ?>
<!-- База 2 -->
<?php
$query = mysqli_query($mysqli, "SELECT * FROM `basetwo`");
while ($row = mysqli_fetch_array($query)) {
$id = $row['id'];
?>
<div class="content" style="float:left; width: 60mm; height: auto; border: 1px solid black; padding: 5px; margin: 5px;"> <?php echo $row['linetwo']; ?> </div>
<?php } ?>
<!-- База 3 -->
<?php
$query = mysqli_query($mysqli, "SELECT * FROM `basethree`");
while ($row = mysqli_fetch_array($query)) {
$id = $row['id'];
?>
<div class="content" style="float:left; width: 50mm; height: auto; border: 1px solid black; padding: 5px; margin: 5px;"> <?php echo $row['linethree']; ?> </div>
<?php } ?>
</div>
</body>
Заранее прошу не кидать тапками, я самоучка, делаю для себя.
Если возможно, как сделать перенос на php? можно на js.
Заранее спасибо.
