[css-d] newbie float mystery: not lining up correctly

2006-08-31 Thread JC 
Sorry if this problem is perfectly obvious to most,
but it's a mystery to me.

I'm trying to get 3 vertical boxes floating horizontally,
and something in my code is not working right.

Looks fine in Dreamweaver (mostly hand-css, some DW edited
from other sources, not entirely cleaned up or sources cited yet),
but no go in FF or Safari.

The nav box on the left works fine. The highlights box on the
right works fine. The box in the middle sinks to the bottom--
not where it's supposed to be.

Here's the css:
http://emersonsbarreview.com/style/etbr3.css

and the (only transitional) page:
http://emersonsbarreview.com/index3.html

Thanks VERY much for your patience and help. It's generally
the obvious problems that I haven't learned to recognize yet.
That, and float is a subtle challenge.

   judi

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] newbie float mystery: not lining up correctly

2006-08-31 Thread Glenn E. Lanier, II 
 From: JC
 Sent: Thursday, August 31, 2006 11:28 AM

 I'm trying to get 3 vertical boxes floating horizontally,
 and something in my code is not working right.

 The nav box on the left works fine. The highlights box on the
 right works fine. The box in the middle sinks to the bottom--
 not where it's supposed to be.

You might consider creating a list of lists for your nav's -- see
http://css-discuss.incutio.com/?page=ListTricks and/or
http://www.alistapart.com/articles/taminglists/ and/or
http://css.maxdesign.com.au/listamatic/

 and the (only transitional) page:
 http://emersonsbarreview.com/index3.html
 
 Thanks VERY much for your patience and help. It's generally
 the obvious problems that I haven't learned to recognize yet.
 That, and float is a subtle challenge.

judi,

I noticed you have a div with an ID of bodyText (that's fine). But, you also
have a class with name of bodyText. Not so good. ID's should be unique (one
per element in the page, and not the same as a class).

Giving #bodyText a width of 64% causes it to pop into place on my FireFox.

You might want to look at http://www.cssplay.co.uk/layouts/3cols2.html for
simple 3 column design with a header and footer -- it would allow you to
remove the table you are currently using for your header.

HTH.

--G

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/