Topic: How can i code this better? (Page 1 of 1)

Ok, i'm getting better, and i'm doing everything in CSS now so y'all should be proud of me

that being said, i'm working on a site here (missing a few pages, i realize, but css is here) and having a few issues.

I have the site more or less working but i've got a few glitches, especially on the index page. Because i needed to float the content to the left and the image to the right I've used a separate id for the left side and the right side but that created all kinds of other problems. I was attempting to use one background image for the entire content area but because those items are floated they're removed from the flow and the content area doesn't seem them to use the bg image there, so i've applied a different background image to the left and right sides but that creates some other problems as you'll notice. there's also an annoying gap underneath the right image that i can't seem to get rid of.

Any ideas on either fixing this problem or recoding this section so it's cleaner and more functional? thanks.


KAIROSinteractive | tangent oriented

img { vertical-align: bottom; }
#container { overflow: auto; }

http://developer.mozilla.org/en/docs/Images%2C_Tables%2C_and_Mysterious_Gaps
http://www.quirksmode.org/css/clearing.html

good stuff, thanks.


KAIROSinteractive | tangent oriented

Ok, i've tried making the area one big div instead of two (css here) and it almost works but the image doesn't seem to want to float right without moving all the way down...thoughts?


KAIROSinteractive | tangent oriented

Floated items should come first in the source. You have it after the content.

Also, lose the misused tables, silly.

aha! some tweaking to the margin/padding needed but that worked, thanks floats and relative positioning still don't quite make sense to me but they're making more sense.

and as much as i hate to say it and as useless as it seems, the table has to be there. that info will be populated by a database that controls all our clients' leasing/inventory/etc. information and our developer wants it as a table


KAIROSinteractive | tangent oriented

-warning : politically incorrect delirium ahead-

Ok, so, basically, to code better, you need:
- rolling papers
- tobacco, mild, to preserve the taste
- weed
- coffee. Italian or sout american.

a) finely mix the weed and tobacco.
You'll need to carefully hash the weed with your hands, preferably.
The pollen may stick to your fingers so rub them above the mix afterwards.

Doses:
american style, 90% weed, 10% tobacco
european style, 50%-80% weed, the rest tobacco

b) put the mix in the paper
c) european style: you can add a cardboard filter, rolled to your taste. Just make sure it stops tobacco from falling,
for the rest, be creative.
d) roll the paper, lick it, stick it.
e) light it up. take a couple of puffs...

The result? Hmmmmmm... proper.

..Within a couple of minutes, you should be able to code better.

Hear, hear.

ButI HATE coffee!

(Why isn't there a crying slimie?)

Coffee is just there for casual recovery and the really, really late hours. It's not mandatory.