[css-d] multi-column question
A gap in my understanding is illustrated at
http://new.ggfilms.com/purchase/index.taf
which has four columns defined by:
/*multicolumn layout for catalog */
.col_container {clear:both;}
.col1 {float:left; width:170px;padding:5px;}
.col2 {float:left; width:175px;padding:5px}
.col3 {float:left; width:165px;padding:5px;}
.col4 {float:right; padding-top:5px}
The final element Purchase Films does not word wrap, but instead is
treated as a block break the floated fourth column.
I am surprised that the text does not just wrap within the available
space.
Why?
TIA.
Bill
William M. Conlon, P.E., Ph.D.
To the Point
2330 Bryant Street
Palo Alto, CA 94301
vox: 650.327.2175 (direct)
fax: 650.329.8335
mobile: 650.906.9929
e-mail: mailto:[EMAIL PROTECTED]
web: http://www.tothept.com
__
css-discuss [EMAIL PROTECTED]
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/
Re: [css-d] multi-column question
William M Conlon wrote: http://new.ggfilms.com/purchase/index.taf - - The final element Purchase Films does not word wrap, but instead is treated as a block break the floated fourth column. I am surprised that the text does not just wrap within the available space. It wraps when I view it on IE 7. The words Purchase and Films appear each on a line of its own. Did I miss something in the problem description? Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] multi-column question
Thanks Jukka. In Mac FF2, Safari 2, Purchase Films is together on a single line, with its containing float below the 3rd column. Bill On Oct 1, 2007, at 11:48 PM, Jukka K. Korpela wrote: William M Conlon wrote: http://new.ggfilms.com/purchase/index.taf - - The final element Purchase Films does not word wrap, but instead is treated as a block break the floated fourth column. I am surprised that the text does not just wrap within the available space. It wraps when I view it on IE 7. The words Purchase and Films appear each on a line of its own. Did I miss something in the problem description? Jukka K. Korpela (Yucca) http://www.cs.tut.fi/~jkorpela/ __ css-discuss [EMAIL PROTECTED] 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/ __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] multi-column question
On Oct 2, 2007, at 4:03 PM, William M Conlon wrote:
Thanks Jukka. In Mac FF2, Safari 2, Purchase Films is together on a
single line, with its containing float below the 3rd column.
Bill
On Oct 1, 2007, at 11:48 PM, Jukka K. Korpela wrote:
William M Conlon wrote:
http://new.ggfilms.com/purchase/index.taf
- -
The final element Purchase Films does not word wrap, but
instead is
treated as a block break the floated fourth column.
I am surprised that the text does not just wrap within the available
space.
It wraps when I view it on IE 7. The words Purchase and Films
appear
each on a line of its own. Did I miss something in the problem
description?
.col4 {float:right; padding-top:5px}
You don't specify a width on that div. Hence it gets wide enough to
contain the whole text string on one line. That seems absolutely
correct to me.
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
