On 6/19/06, Diane Schips <[EMAIL PROTECTED]> wrote:
I know I'm behind the times, but this is my first attempt to design a
site in CSS. I'm having a problem with this layout:
https://secure.enticedbynature.com/Soap.asp. The blue on the left is
supposed to go all the way to the bottom. But if the content area gets
too long, it stops before the bottom of the page.
My style sheet is below. I'm sure there are lots of better ways to do
what I did, so I would welcome any feedback on it.
You'll notice I have two body styles, that's because the first style is
always ignored. I don't know why that happens either.
First attempts with css are generally unpleasant. The difference in
concepts between a table and tableless orientation is significant. You
design contains 6 nested tables, according to Opera so this will take
some doing.
The next thing is to understand the concept of the faux columns. This
technique requires setting the body background to the color of the
shortest column and then changing the background of the longer
columns. This can be done both for absolute and liquid designs.
An good source for understanding different designs can still be found at:
http://www.positioniseverything.net
The site also has a good discussion on floats.
I'd suggest that you put colored borders around each of your divisions
so you can see just exactly what it is you've done. All to often the
results are vastly different from the intent. Working out what has
gone wrong will solve many problems.
I'd suggest you go all the way and dump the tables. If you want to use
this as a learning lab, replacing the tables would be a good thing to
to work on. You'll get lots of suggestions here on how to do that.
So start by adding that doctype then put borders around you divisions
and see what you've got. FF is a good browser for doing this kind of
thing since tyou can edit the css on the fly (tools |web developer
|css |edit css).
drew
____ The WDVL Discussion List from WDVL.COM ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] or
use the web interface http://e-newsletters.internet.com/discussionlists.html/
Send Your Posts To: wdvltalk@lists.wdvl.com
To change subscription settings, add a password or view the web interface:
http://intm-dl.sparklist.com/read/?forum=wdvltalk
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: archive@jab.org
To unsubscribe send a blank email to [EMAIL PROTECTED]
To unsubscribe via postal mail, please contact us at:
Jupitermedia Corp.
Attn: Discussion List Management
475 Park Avenue South
New York, NY 10016
Please include the email address which you have been contacted with.
