My goal is to have a container div with a title at the top, an image
at the left, inside the container, and text describing the image at
the right, inside the container.
Your example looks like a clear case of "divitis" - meaningless overuse
of divs.
The following...
<div class="outer">
<h3>Title</h3>
<img src="image_1.jpg">
<p>descriptive text</p>
</div>
...would be a better and more meaningful source-code, and the use of
class="outer" instead of ID is more correct for repeated blocks in same
page. No problem with ID on "outer" if you're creating a new page for
each such block though.
Absolute positioning of inner elements has its weakness, as
text-resizing in browsers may make content overflow "outer" and overlap
other elements inside it. Having a regular non-positioned thitle (h3) on
top, with the image floated left and text (descriptive paragraph)
floated right, all inside an "outer" div that only is given a fixed
width so it can expand freely in height if content-size pushes it, will
be less complex and won't be easily broken.
regards
Georg
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
