www.webdeveloper.com
Results 1 to 4 of 4

Thread: Having issues with overlapping <div>, ok on big resolution, not so much on smaller.

  1. #1
    Join Date
    Jul 2009
    Posts
    27

    Having issues with overlapping <div>, ok on big resolution, not so much on smaller.

    thanks for looking. please reference this image:

    sample1.jpg

    A: shows on a normal computer with a decent resolution.

    B: shows when viewing the same page on a iphone in landscape view or if the resolution is really small on a computer.

    as you can see in "B" the main body will overlap both teh "header" and "footer" areas, is there anyway to prevent this from happening so that the general areas of hader, body and footer are locked so they do not overlap? i have tired "min-height" also other methods but i can not figure it out.

    thanks for looking.

    Art

  2. #2
    Join Date
    Mar 2011
    Posts
    1,148
    Forums are a poor place to learn about broad topics like mobile design or responsive design (which strives to accommodate all platforms). Go search for some tutorials on these topics and you're sure to find your answers.

  3. #3
    Join Date
    Aug 2012
    Posts
    155
    Please post your CSS as it may be to do with screen size but then it might not but it is difficult to answer / help you without your code.

  4. #4
    Join Date
    Jul 2009
    Posts
    27
    Quote Originally Posted by simplypixie View Post
    Please post your CSS as it may be to do with screen size but then it might not but it is difficult to answer / help you without your code.
    thanks for replying... sorry forgot about that...

    the page is here:

    http://www.racefarm.net/template.html

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles