/    Sign up×
Community /Pin to ProfileBookmark

Padding/Margin Issue

Copy linkTweet thisAlerts:
Feb 06.2010

Hey guys, ok i have a css issue that after looking at the style sheet about 100 times i still cant see whats going wrong.

the site is [URL=”http://www.juicingforum.co.uk”]http://www.juicingforum.co.uk[/URL]

i would like for the bottom of all content to have a say 5-10px margin above the footer so that the content doesnt directly hit the bottom. Ive tried applying padding or margin to loads of different ID’s but no joy.

Anyhelp is appreciated as always.
Cheers

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@skywalker2208Feb 07.2010 — Try clear both your divs inside the "<div id="contentcontain">".

[code=html]
<div id="contentcontain">
<div id="leftbar">
</div>
<div id="content">
</div>
Clear your div here
</div>
<div id="footer"></div>
[/code]
Copy linkTweet thisAlerts:
@cfajohnsonFeb 07.2010 — 
the site is http://www.juicingforum.co.uk
[/QUOTE]
[indent]

There are other problems: http://cfaj.freeshell.org/testing/juicingforum.jpg

[/indent]
Copy linkTweet thisAlerts:
@johndoe190authorFeb 07.2010 — cheers skywalker i will try that.

aye cfajohnson someone said the menu falls down for some, any idea how id go about fixing that? As on mozilla, IE etc the menu has more than enough space, what browser are you using it seems to increase teh text size.

thanks again.
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 07.2010 — On my machine viewing in IE7, there is about a 6 to 8 pixel twitch of the entire Quick Links, Latest Article, and the footer section on rollover of the Quick Links images. Very annoying to see that entire section of the page twitch up and down. See attached photo. Compare the space between Google ad and footer.

FF and Safari work fine.

Best wishes,

Eye for Video

www.cidigitalmedia.com

[upl-file uuid=da64159e-1e41-4309-9af0-264ae7d90ee1 size=94kB]twitch.jpg[/upl-file]
Copy linkTweet thisAlerts:
@cfajohnsonFeb 07.2010 — cheers skywalker i will try that.

aye cfajohnson someone said the menu falls down for some, any idea how id go about fixing that? As on mozilla, IE etc the menu has more than enough space, what browser are you using it seems to increase teh text size.

thanks again.[/QUOTE]
[indent]

The browser is irrelevant.

No matter which browser I use, the font size will be set large enough

for me to read.

Browsers automatically adjust a page to fit whatever size one wants --

unless the page is coded to prevent it, as you (and many thousand

others) have done.

The problem is usually caused by specifiying something (e.g., the

height of an element) unnecessarily, or by trying to treat a web page

as a piece of paper.

[/indent]
Copy linkTweet thisAlerts:
@johndoe190authorFeb 07.2010 — ahh yes good point i forgot about those increasing the size of it, its jscript menu so im not sure what im going to need to change.

ill have a look of the css, so would it be the height of the element i take away?

cheers again.
Copy linkTweet thisAlerts:
@johndoe190authorFeb 07.2010 — On my machine viewing in IE7, there is about a 6 to 8 pixel twitch of the entire Quick Links, Latest Article, and the footer section on rollover of the Quick Links images. Very annoying to see that entire section of the page twitch up and down. See attached photo. Compare the space between Google ad and footer.

FF and Safari work fine.

Best wishes,

Eye for Video

www.cidigitalmedia.com[/QUOTE]

hey eye for video cheers for the post and image, im not sure what you mean though?

cheers
×

Success!

Help @johndoe190 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 5.6,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

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