On 16 Sep 2005, at 2:09 am, rhett crowe wrote:
Hey Everybody,
I have a page with 2 floated columns created with divs, in a container
div, nested in another main div. When I close the container div and
then put an <h4>, the background properties of the <h4> show up in the
columns in the div above. (The bullet list should not have any
background properties at all). I can't seem to find the answer, I
think partly because I don't know what to call the problem :o)
Page: http://www.fcs.uga.edu/ext/housing/slides.php
CSS: <h4> is in head of page, rest is
http://www.fcs.uga.edu/ext/css/main.css
As Rob mentioned, you can't use an ID multiple times. use a class
instead. But that won't fix your problem.
What you see on your page is correct, although possibly unexpected. You
float a box, and then the next element (an h4) is not floated. The
floated box is taken out of the flow. The *text* in the h4 box is
pushed down by the floated box, but the h4 box is; the h4 box is
extended vertically to allow for this.
A simple test file maybe illustrates this better:
<http://dev.l-c-n.com/_temp/clfl.php>
the first 'subtitle' matches your styling, as does the box preceding it
(floated, with a red left border).
The second 'subtitle' has one additional style rule: {clear:left;}.
This forces the h4 box to move completely under the floated box (red
border).
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
