1. Home
2. php - Responsive height on div with wordpress page

995 votes

1 answers

php - Responsive height on div with wordpress page

Get the solution ↓↓↓

How can I make a div which I display content in from wordpress page.php responsive to the Wordpress page height. Here is how I display the page on my website.

<?php 
        while(have_posts()) {
            the_post(); ?>
    <div class="page-content">
        <h1> <?php the_title(); ?> </h1>


        <?php the_content(); ?>
    </div>
Copy code

And the css:

.page-content {
    display: inline-block;
    width: 70%;
    height: 135vh;
    border: 1px black solid;
    margin-left: 5%;
    padding: 16px;
    background-color: white;
}
Copy code

Can I make the height of the div the same as the height on the wp page?

Undefined asked

2021-12-1

Write your answer

---

784

votes

Answer

Solution:

To make the height of the div in your page, don't force the height and add

min-height : 100vh
Copy code

From what I understand

Write your answer

---

Share solution ↓

Additional Information:

Date the issue was resolved:

2021-12-1

Link To Source
Link To Answer People are also looking for solutions of the problem: call to a member function format() on string

Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.

Ask a Question

---

Similar questions

Find the answer in similar questions on our website.

134 php - Save data to two different tables in CakePHP 3

564 PHP cookie gets deleted on page change?

680 php - Cakephp 2.8.4 ignoring hasMany

971 html - How to make a PHP page have two "column" regions?

442 PHP + SQL - Using SQL Server 'Create To' scripts to create tables through PHP

635 Is this an acceptable way to autoload html pages with php?

822 php - How To Check Work Progress When Building A Wordpress Theme?

20 php - Unable to Style Div

15 php - large content not moving to next page in dompdf

997 php - Using PHPThumb and Thickbox/Colorbox

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.

About the technologies asked in this question

PHP

PHP (from the English Hypertext Preprocessor - hypertext preprocessor) is a scripting programming language for developing web applications. Supported by most hosting providers, it is one of the most popular tools for creating dynamic websites. The PHP scripting language has gained wide popularity due to its processing speed, simplicity, cross-platform, functionality and distribution of source codes under its own license.
https://www.php.net/

CSS

CSS (Cascading Style Sheets) is a formal language for describing the appearance of a document written using a markup language. It is mainly used as a means of describing, decorating the appearance of web pages written using HTML and XHTML markup languages, but can also be applied to any XML documents, such as SVG or XUL.
https://www.w3.org/TR/CSS/#css