CSS Background Image Question

I have changed how I am laying out my page to a header and two column layout.
The page container has a background image that should simulate a faux column
down the left side.

For some reason I can't get the faux column to show up in FF. I have
validated the css and the html already.

Can anyone tell me why this column is visible in IE (pc) but not in FF?

http://www.echowebs.com/wounaan/template.cfm

Thanks!
Chris

Oddly enough - If I put a blank space in the clearing div - the container div is forced to be full heigh.

I guess I wonder why it requires the clearing div to reach full height?

Try using this to clear -

<br style="clear:both;">

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"cluksha" <webforumsuser (AT) macromedia (DOT) com> wrote

I have changed how I am laying out my page to a header and two column
layout.
The page container has a background image that should simulate a faux
column
down the left side.

For some reason I can't get the faux column to show up in FF. I have
validated the css and the html already.

Can anyone tell me why this column is visible in IE (pc) but not in FF?

http://www.echowebs.com/wounaan/template.cfm

Thanks!
Chris

cluksha wrote:

Oddly enough - If I put a blank space in the clearing div - the container div is forced to be full heigh.

I guess I wonder why it requires the clearing div to reach full height?

If you use this code for the clearing <div> it should work

..clearing {
clear:both;
height: 1px;
overflow: hidden;
line-height: 1px;
margin-top:-1px;
}


However the best method IS to give the <div> some content, not a nbsp;
but a 1x1px image.

Clearing <div> css and nbsp; can have a varied effect cross browser,
depending on where you use it in the design and how critical pixel
perfect accuracy is to you.

The gif is the most solid method but youll still have a 1px descrepency
but it may be a better solution in certain circumstances.

<br> is the best. It's not structural and it's not semantic....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

cluksha wrote:

Oddly enough - If I put a blank space in the clearing div - the container
div is forced to be full heigh.

I guess I wonder why it requires the clearing div to reach full height?


If you use this code for the clearing <div> it should work

.clearing {
clear:both;
height: 1px;
overflow: hidden;
line-height: 1px;
margin-top:-1px;
}


However the best method IS to give the <div> some content, not a nbsp; but
a 1x1px image.

Clearing <div> css and nbsp; can have a varied effect cross browser,
depending on where you use it in the design and how critical pixel perfect
accuracy is to you.

The gif is the most solid method but youll still have a 1px descrepency
but it may be a better solution in certain circumstances.

Murray *TMM* wrote:

br> is the best. It's not structural and it's not semantic....

I use it regularly but it also creates space, which can be undesirable
in some circumstances. So I believe the best method is the 1x1px gif as
it won't cause so many discrepencies. I don't use it much as most of
what I do is experimental but I know its there when I need it.

Show me where it creates space, please.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Murray *TMM* wrote:

br> is the best. It's not structural and it's not semantic....


I use it regularly but it also creates space, which can be undesirable in
some circumstances. So I believe the best method is the 1x1px gif as it
won't cause so many discrepencies. I don't use it much as most of what I
do is experimental but I know its there when I need it.

Thanks Murray. I have chosen the <br style="clear:both;">method. It seems to do some good.

Anyway -thanks for hthelp - both of you.

Chris

You're welcome!

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"cluksha" <webforumsuser (AT) macromedia (DOT) com> wrote

Thanks Murray. I have chosen the <br style="clear:both;">method. It
seems to do some good.

Anyway -thanks for hthelp - both of you.

Chris

Ok so it don't look so hot on the mac. Not sure what browser - but I will let
you know when I find out.)

Check this out...

http://www.echowebs.com/wounaan/screen-cap.jpg

Any ideas why the content is being forced down and the container is not using
it's background?