html - Using CSS or JavaScript to limit the page size or limit positioning to prevent overlapping -


i add footer page, don't want footer overlap text if user makes page small. how prevent happening without making large table or bunch of returns? footer code located in included page. perhaps there might way chose when scrolling turns on or minimum top css attribute.

i thought explained enough, here's more explanation:

on page footer, there's tag include('footer.php').

in footer.php, there's section of text aligned @ bottom, like,

<div style="position: fixed; bottom: 10px">footer text</div> 

if user makes window small, text overlap else. i'd rather stay @ bottom , scroll bar appear.

the problem not clear, might looking responsive layout. allows use different set of css rules when viewport's dimensions fall below "breakpoint".

the specific technique known media queries. might use hide footer when viewport gets short, follows:

@media screen , (max-height:700px) {   footer { display: none; } } 

Comments

Popular posts from this blog

How to mention the localhost in android -

php - Calling a template part from a post -

c# - String.format() DateTime With Arabic culture -