Question

i made an HTML page with all widths and heights as percentage “that’s primary for my design to work with all resolutions” but when i re-size my web browser everything will be damaged.
is there a way that when i re-size my web browser i can scroll the page?

Answer 1

The only way to handle this is with script. Take a look at other examples where people float a footer at the bottom of the page for example.

Using jQuery you might do something like:-

<script type="text/javascript">
$(document).ready(function() { setPanels(); });
window.onresize = function() { setPanels(); }

function setPanels() {
    var windowHeight = $(window).height();
    var content1Height = $('#topDiv').height();
    var content2Height = $('#bottomDiv').height();

    // Now calculate the new splits and adjust heights
    ...

</script>