/    Sign up×
Community /Pin to ProfileBookmark

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

Copy linkTweet thisAlerts:
Sep 20.2013

thanks for looking. please reference this image:

[ATTACH=CONFIG]15767[/ATTACH]

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

[canned-message]attachments-removed-during-migration[/canned-message]

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@rtretheweySep 22.2013 — 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.
Copy linkTweet thisAlerts:
@simplypixieSep 23.2013 — 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.
Copy linkTweet thisAlerts:
@royhobbsauthorSep 23.2013 — 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.[/QUOTE]

thanks for replying... sorry forgot about that...

the page is here:

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

Success!

Help @royhobbs spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...