absolute positioning: bottom? left?

@invertedpandaJun 09.2005

Take a look at ~~[url]~~http://creativity.the-engine.org/concept/[/url]

css file is located @ ~~[url]~~http://creativity.the-engine.org/concept/ce1.css[/url]

Anyway, I think it is pretty obvious what I’m trying to do – position the txtcontent div at the bottom, and 15 px from the left (left doesn’t appear to work either).

What is going wrong?

to post a comment

CSS

@David_HarrisonJun 09.2005 — #Well, you might try running your CSS file through the [url=http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcreativity.the-engine.org%2Fconcept%2Fce1.css&usermedium=all]validator[/url]. You spelt absolute wrong twice and didn't put units on two length values.

Also, you need to apply position relative to #box so that the absolutely positioned elements are placed relative to that instead of the <body> tag.

@invertedpandaauthorJun 09.2005 — #Thanks. I'm an idiot. I appreciate your restraint in chastising me for my blunder ?

@David_HarrisonJun 09.2005 — #Just pointing out what's wrong, everyone makes mistakes once in a while.

Now while I'm at it...

If you're absolutely positioning thing then you might as well put the menu after your content in the page source, people come to your page for the content not the links, which would you rather downloaded first?

Also, speaking of the menu, I know that you're using a CSS based layout over a table based layout and that's good, but your markup still leaves a bit to be desired, for example, you're nav bar:

&lt;ul id="menu"&gt;
 &lt;li&gt;&lt;a href="linky.html"&gt;Digital Art+&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="linky.html"&gt;Photography+&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="linky.html"&gt;Sketches+&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="linky.html"&gt;Writings+&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="linky.html"&gt;Contact+&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;

Around the same amount of markup, but this way is a lot more semantically meaningful, since you have a list of links, not a few links in a meaningless tag separated by breaks.

Also, your <h2> comes before your <h1>, does that mean that the <h2> is more important? If it is, shouldn't that be the <h1>? If not, shouldn't the <h1> come first?

No need to use <br><br><br><br> to put gaps in either, that's what padding and margins are for.

absolute positioning: bottom? left?

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

absolute positioning: bottom? left?

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴