Solved child pages with different heights

Posted on 2011-10-13
Last Modified: 2012-05-12
Hi experts

Using Visual Web Developer 2010 how do I go about creating a web-site with a master-page but have all the child-pages at different heights, if I use a div layout in the master-page the height of the page container div defines the height of each of the child-pages, I want to be able to control the height of each child-page, has anybody go any examples?



Question by:dizzycat
    LVL 16

    Expert Comment

    It is difficult to image what you want.
    But you can apply unique id to each child-page and specify any height you wish.
    Can you give an example to understand what you need to do?

    Author Comment

    If I use a master-page then the height of all of its child pages will be the same, how can I have say three child pages that have the same master-page but each have a different height?
    LVL 16

    Accepted Solution

    If it's fixed height then you could have difficulties, but again you can add style rule with markups.
    It depends from situation  how it should be done.
    For example: if height based on content, you can specify min-height so it doesn't go smaller if there is a little content, and if content is to large height will expand to fit all content.

    Why all pages need different height? To make it box-content?
    LVL 16

    Expert Comment

    Use overflow:hidden on divs to make them box-content.

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    Join & Write a Comment

    Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

    732 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    24 Experts available now in Live!

    Get 1:1 Help Now