RE: [WSG] Box floating, footer placement, completion of column

[klessa]

Thanks to Lachlan and Drew for their feedback. I have made a lot of
changes, pages are validating now in both HTML and CSS, but I still have
one area that I obviously need to address

My "submenus" for my navigation are done with tables. Please look at what
I have and if you have suggestions for reworking with divs and such, I
would appreciate it. Also, if it shows errors on other browsers, I would
appreciate that as well.

http://dallas.ezoshosting.com/~errknob/tickets.php
http://dallas.ezoshosting.com/~errknob/index.php

I still have some images without alt tags and closing, and uppercase tags,
in some of the other pages, but they're all using the same navigation.

Thanks!

Kathy Lessa
http://www.kathylessa.com
http://www.pondkat.com




**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

RE: [WSG] Box floating, footer placement, completion of column

[Trusz, Andrew]

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of [EMAIL PROTECTED]
Sent: Monday, September 27, 2004 5:17 PM
To: [EMAIL PROTECTED]
Subject: [WSG] Box floating, footer placement, completion of column

Hi, I normally just lurk and listen in on everyone here and enjoy it a
great deal. I have a small site design that is causing me problems, and I
can't seem to find the problem.

http://64.219.167.253/test/testpage.php

Three issues going on here:

1) The page footer is floating in the middle of the page, not at the bottom
2) The left navigation bar (black background) stops short, does not
continue length of page as i want.
3) The line "Here is content after the boxes" -- what I *want* is to have
two floating boxes, side by side, each with its list in it, and the "here
is content after the boxes" should fall AFTER those two boxes.

Any insight would be greatly appreciated.

Kathy Lessa

**

Kathy, start by adding a doctype so the browser knows what set of rules to
use for interpreting your tags. And add a character set meta tag. Take the
guess work out of it for the browser. It will help you and the end user. For
ease of use, you might consider html4 strict as your doctype.

Second, get into the habit of writing tags in lower case. While not required
with some doctypes, lower case is required in xhtml strict which is the
doctype towards which page composition is moving. 

Third you need to study a bit about floats. You are clearing improperly.
That's why you have the positioning issues. You need to not clear the first
float and do the clear:both after the second float. For a quick tutorial
see:
http://www.positioniseverything.net/articles/float-theory.html

Fourth, your footer should be a list. For that see:
http://www.alistapart.com/articles/taminglists/

Fifth, validate your code, both css and html.

drew
**
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**