/    Sign up×
Community /Pin to ProfileBookmark

Once again, the vertical align thingy

Copy linkTweet thisAlerts:
Sep 06.2005

Well, trying to align footer to bottom of page, which is like a question which is answered 203235 times.

It worked fine till “I dunno wat happened” the the darn footer is hanging in the middle of nowhere:

[URL=http://www.movingmouse.com/cheewai/smbnet/]http://www.movingmouse.com/cheewai/smbnet/[/URL]

Its either really tough, or really dumb.
The footer is basically placed inside a content div (set to relative pos) and then with absolute pos, set to the bottom. Sounds simple, until it din work ?

haha, any help would be welcomed

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@chongauthorSep 06.2005 — on closer inspection, the footer is actually aligned to the foot of the content based on the left navi column.

would need help figuring out how come the height of the content div does not depend on the text div, the div where all the text is.
Copy linkTweet thisAlerts:
@FangSep 06.2005 — There are approx. 100 errors, mainly nesting errors.

block elements and not permitted within inline elements (<p> within <span>)

These errors need to be solved before looking at the footer problem.
Copy linkTweet thisAlerts:
@David_HarrisonSep 06.2005 — Maybe this will help some.

[upl-file uuid=9bede075-ae5b-4793-8147-34d4ff29e34e size=2kB]Layout-3_(Left_Only).txt[/upl-file]
Copy linkTweet thisAlerts:
@chongauthorSep 06.2005 — okay, found my error, I din do a float:left on the left nav column

nesting errors? I din noe that <p> is not allowed within <span>, dw din throw me any errors.

maybe thats becos i actually made a display:block on those spans, effectively making them div's actually haha.... just that i'm lazy to name every div with its own id then assigning classes to them again
Copy linkTweet thisAlerts:
@FangSep 06.2005 — 

Here's a start:HTML Validation Result
----------------------</H2>
<URL url="http://www.movingmouse.com/cheewai/smbnet/">http://www.movingmouse.com/cheewai/smbnet/</URL>

line 187 column 3 - Warning: missing &lt;/span&gt; before &lt;div&gt;<br/>
line 189 column 1 - Warning: inserting implicit &lt;span&gt;<br/>
line 205 column 3 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 207 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 208 column 6 - Warning: inserting implicit &lt;span&gt;<br/>
line 211 column 3 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 215 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 214 column 27 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 214 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 224 column 27 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 224 column 34 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 225 column 3 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 232 column 3 - Warning: missing &lt;/span&gt; before &lt;ul&gt;<br/>
line 231 column 27 - Warning: missing &lt;/span&gt; before &lt;ul&gt;<br/>
line 231 column 3 - Warning: missing &lt;/span&gt; before &lt;ul&gt;<br/>
line 239 column 3 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 239 column 10 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 239 column 17 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 242 column 3 - Warning: missing &lt;/span&gt; before &lt;ul&gt;<br/>
line 241 column 27 - Warning: missing &lt;/span&gt; before &lt;ul&gt;<br/>
line 241 column 3 - Warning: missing &lt;/span&gt; before &lt;ul&gt;<br/>
line 249 column 3 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 249 column 10 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 249 column 17 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 252 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 251 column 27 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 251 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 259 column 2 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 259 column 9 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 259 column 16 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 262 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 261 column 27 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 261 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 264 column 3 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 264 column 10 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 264 column 17 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 267 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 266 column 27 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 266 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 269 column 3 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 269 column 10 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 269 column 17 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 272 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 271 column 27 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 271 column 3 - Warning: missing &lt;/span&gt; before &lt;p&gt;<br/>
line 274 column 3 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 274 column 10 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 274 column 17 - Warning: discarding unexpected &lt;/span&gt;<br/>
line 7 column 1 - Warning: &lt;style&gt; inserting "type" attribute<br/>
line 213 column 17 - Warning: &lt;img&gt; attribute "align" has invalid value "unlock your profits"<br/>
line 213 column 17 - Warning: &lt;img&gt; lacks "alt" attribute<br/>
line 187 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 207 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 215 column 28 - Warning: trimming empty &lt;span&gt;<br/>
line 215 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 214 column 27 - Warning: trimming empty &lt;span&gt;<br/>
line 214 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 228 column 28 - Warning: trimming empty &lt;span&gt;<br/>
line 232 column 28 - Warning: trimming empty &lt;span&gt;<br/>
line 242 column 28 - Warning: trimming empty &lt;span&gt;<br/>
line 242 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 241 column 27 - Warning: trimming empty &lt;span&gt;<br/>
line 241 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 252 column 28 - Warning: trimming empty &lt;span&gt;<br/>
line 252 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 251 column 27 - Warning: trimming empty &lt;span&gt;<br/>
line 251 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 262 column 28 - Warning: trimming empty &lt;span&gt;<br/>
line 262 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 261 column 27 - Warning: trimming empty &lt;span&gt;<br/>
line 261 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 267 column 28 - Warning: trimming empty &lt;span&gt;<br/>
line 267 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 266 column 27 - Warning: trimming empty &lt;span&gt;<br/>
line 266 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 272 column 28 - Warning: trimming empty &lt;span&gt;<br/>
line 272 column 3 - Warning: trimming empty &lt;span&gt;<br/>
line 271 column 27 - Warning: trimming empty &lt;span&gt;<br/>
line 271 column 3 - Warning: trimming empty &lt;span&gt;<br/>

×

Success!

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