Thank you Drew.
I have one table that I added in desperation as I couldn't figure out
how to get the shadow with CSS. I rely heavily on includes for code
re-usability. The nested tables are for product display and were lifted
from my other sites. If I can get the site design the way I want it with
css, I'll start changing my code 'modules' over.
My background is set to the color of the widest column, the yellow. Both
the yellow and the blue should go from the top to the bottom. The blue
is shorter, but I don't want it to be.
Well, you gave me some homework to do! I downloaded the FF development
toolbar, and added the doc type. I'll go through the site you suggested,
and try the borders around the divisions. I do want to replace all the
tables, but I also want the site to go live very soon, so I may have to
leave the tables in to start with.
Diane
Drew Trusz wrote:
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: [EMAIL PROTECTED]
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.
____ • 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: unknown lmsubst tag argument: ''
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.
