On Oct 28, 2011, at 4:33 PM, David Laakso wrote:
> "Lets play."
>
> #content {
> border: 1px dashed red/*4 position only*/;
> color: #111311;
> width: 727px;
> float: right;
> margin-right: 150px;
> }
> .preview {
> border-top:1px solid red/*4 position only*/; border-bottom:1px solid red/*4
> position only*/;
> overflow:hidden;
> padding: 10px 0
> }
> * html .preview {height:130px;padding-bottom:0}/*4 IE/6*/
> .preview img {
> float:left;
> margin-right: 5px
> }
As I typed this in, refreshing the browser as I went, it got obvious that I had
neglected the impact of the image width + margin and padding values on their
parent content area...I need to trim them to be smaller..definitely not as wide.
But why does IE 6 now shove the 5th one down below? is it even more sensitive
to/less forgiving of total widths as they consume/exceed the parent?
thank you!
John
______________________________________________________________________
css-discuss [css-d@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/
