/    Sign up×
Community /Pin to ProfileBookmark

extra spaces at bottom of page

Copy linkTweet thisAlerts:
Sep 17.2003

I’m currently trying to redesign a page so all the element positioning is done by using div tags, which the positioning information is held in css.

a problem I’m having is that I end up with blank spaces at the bottom of the page with nothing in, which makes the page blank at the bottom, but doesn’ts really pose any other problem.

Does anyone know if there is a work around for this? ?

to post a comment
Full-stack Developer

12 Comments(s) ↴

Copy linkTweet thisAlerts:
@neilauthorSep 17.2003 — I just thought I'd add.

I didn't have the problem until i started using relative positioning, because i wanted to have the content in a fix width div that was centered in the page.
Copy linkTweet thisAlerts:
@FangSep 17.2003 — Let's see your page.
Copy linkTweet thisAlerts:
@neilauthorSep 17.2003 — [URL=http://localhost/shared/talent_website/test/atwork_index8.php]http://localhost/shared/talent_website/test/atwork_index8.php[/URL]

I'm still working on it but I need to get rid of the spaces at the bottom
Copy linkTweet thisAlerts:
@FangSep 18.2003 — It's not on my system "localhost" ?
Copy linkTweet thisAlerts:
@pyroSep 23.2003 — I get a 404 on that link...
Copy linkTweet thisAlerts:
@neilauthorSep 23.2003 — my bad *2

hopefully this will work:

http://www.talent.co.uk/test/atwork_index8.php
Copy linkTweet thisAlerts:
@FangSep 23.2003 — It's is your positioning, doing this

[COLOR=green]POSITION: relative; TOP: -1275px; HEIGHT: 60px[/COLOR]

will leave a space in it's original position and you have done this with more of your elements.

You need to construct a 3 column css and then place (most) of the divs in the normal flow.

There are validation errors, including two extra closing div tags.
Copy linkTweet thisAlerts:
@neilauthorSep 23.2003 — thanks

i used relative positioning because I wanted the page to appeared centered, I'm assuming css coloumns are relatively easy to implement?

i had checked the div tags thinking the right amount were there and then my work mate reconned i needed an extra one so we were both wrong :rolleyes:

have you or anyone else got any good links which explain css columns?
Copy linkTweet thisAlerts:
@neilauthorSep 23.2003 — thanks

i checked the bluerobot site out first,

I especially like this bit:

Many a talented web designer has struggled with CSS-based centering.

?
Copy linkTweet thisAlerts:
@pyroSep 23.2003 — Yes, if one is used to using tables for layout, moving to css will be a bit of a stretch, and take some time learning... ?
×

Success!

Help @neil 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,
)...