body{ text-decoration: none; background-color: #333; background:$body-bg; font-family: 'Titillium Web', sans-serif; margin:0; } ul { list-style-type: none; overflow: hidden; } li a { display: block; color: #eee; text-align: left; padding: 15px; margin-left:-50; text-decoration: none; } #header { float:left; width:200px; text-decoration: none; margin-top:-16px; background-color: #333; color: #eee; } li a: hoover{ backround-color:#eee; } #main{ padding-left:15; background-color: #eee; overflow: hidden; height: 100%; } #logo { width: 192px; margin-left:-30%; filter:invert(100%); -webkit-filter: invert(100%); padding-left: 10px } #container{ overflow: hidden; } #tblimg { height: 200px; width: 200px; } input, textarea{ padding: 4px; border: #333 1px solid; border-radius: 10px; } #file{ border:none; } td{ padding-right: 50px; text-decoration: none; } a{ color: #333; text-decoration: none; } .about{ width: 500px; height: 500px; } 
 <?php include_once('dbc.php'); $id = $_GET['id']; $objectName = mysqli_fetch_assoc(mysqli_query($dbc, "SELECT objectName FROM main WHERE id = '$id'"))['objectName']; $objectData = mysqli_fetch_assoc(mysqli_query($dbc, "SELECT objectData FROM main WHERE id = '$id'"))['objectData']; ?> <html><head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="CSS/style.css"> <title>Know Your Space</title> </head> <body> <div id="container"> <div id="header"> <ul> <li><img src="solsys.png" id="logo"></li> <li><a href="index.php">База Проекта</a></li> <li><a href="add.php">Добавить статью</a></li> <li><a href="about.php">О проекте</a></li> </ul> </div> <div id="main"> <?php echo('<h2>'.$objectName.'</h2>'); echo('<p><img class="about" src = "./img/'.$id.'.jpg" /></p>'); echo('<div><font size = "5">'.$objectData.'</font></div>'); ?> </div> </body> </html>
  • Where are your “frames”? Explain yourself in more detail. - user232857 February
  • @AndreyYanov Corrected the issue - Damiano
  • @Damiano ghost full sample code. - Vadizar
  • @Vadizar Added screenshot - Damiano
  • one
    @Damiano provide normal HTML and CSS. - Vadizar

2 answers 2

Hang the word-wrap: break-word property on body .

  • This is not exactly what I need. I meant that there is no scroll to scroll the page. - Damiano

Replace:

 #container{ overflow: hidden; }

On:

 #container{ overflow: auto; height: 100vh; }
  • Unfortunately, it did not help - Damiano
  • @Damiano corrected - Vadizar
  • It is impossible to make the height change, depending on how much text or something similar? - Damiano