Re: [css-d] What's your preference -- fluid, elastic, or fixed?
HI, Just found an article about this: http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/ cb On 05/06/2009, at 11:01 PM, Bobby Jack wrote: --- On Fri, 6/5/09, Glow glowvirt...@gmail.com wrote: I hear what you're saying regarding fixed widths and wide screens (like a postage stamp on a coffee table), but that said, one thing I wonder about long-term with fluid layouts and increasing screen size is how to scale content when you've got someone using a gigantic monitor (can you visualize one-line articles stretching across three feet of screen real estate?) This is exactly why 'hybrid' layouts, IMO, need to be developed to cater for the problem trio of line-length, variable width, and variable text size. For example, I've tried to achieve a readable variable width on my homepage with the use of fixed-width (relative to font-size, of course) floats. The wider the browser window, and the smaller the text size, the more 'columns' are displayed. There's a short write-up here: http://www.fiveminuteargument.com/blog/a-flexible-homepage-layout This is the kind of thing that, I hope, the column properties in CSS3 will make a lot cleaner (one disadvantage is that box heights have to be fixed too, and that's difficult to do nicely for variable text length). I'm sure there are other mechanisms in which properties and layout techniques can be combined, as 'hybrid' layouts, to address all 3 problems. I think either David or Georg posted a good message to that effect here a few months ago. - Bobby __ 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/ __ 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/
[css-d] ie/6.0 text-decoation
Not able to kill border-bottom (text-decoration) under clickable h1 image -- all inside pages -- ie/6.0. Now what l'll do? html http://chelseacreekstudio.com/yl/yar/projects/k2.html css http://chelseacreekstudio.com/yl/yar/css/style.css ie/6.0 specific styles http://chelseacreekstudio.com/yl/yar/css/url(style_.css)%20screen As ever, Guido __ 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/
Re: [css-d] ie/6.0 text-decoation
2009/6/7 David Laakso da...@chelseacreekstudio.com
Not able to kill border-bottom (text-decoration) under clickable h1
image -- all inside pages -- ie/6.0.
Now what l'll do?
html
http://chelseacreekstudio.com/yl/yar/projects/k2.html
css
http://chelseacreekstudio.com/yl/yar/css/style.css
ie/6.0 specific styles
http://chelseacreekstudio.com/yl/yar/css/url(style_.css)%20screenhttp://chelseacreekstudio.com/yl/yar/css/url%28style_.css%29%20screen
Hi David,
IE6 applies these rules to the H1 A:
( from IE Developer Toolbar, View, Source, Dom:Element+Styles)
/* Rule 6 of ../../yar/css/style.css */
H1 A {
BORDER-BOTTOM: medium none
}
/* Rule 27 of ../../yar/css/style.css */
.c A {
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-WEIGHT: bold;
PADDING-BOTTOM: 1px;
BORDER-LEFT: medium none;
COLOR: #777;
BORDER-BOTTOM: #eee 1px solid;
TEXT-DECORATION: none;
outline-width: 0
}
So the BORDER-BOTTOM: #eee 1px solid; wins.
best
Ingo
__
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/
Re: [css-d] ie/6.0 text-decoation
Ingo Chao wrote:
2009/6/7 David Laakso da...@chelseacreekstudio.com
mailto:da...@chelseacreekstudio.com
Not able to kill border-bottom (text-decoration) under clickable h1
image -- all inside pages -- ie/6.0.
Now what l'll do?
html
http://chelseacreekstudio.com/yl/yar/projects/k2.html
css
http://chelseacreekstudio.com/yl/yar/css/style.css
ie/6.0 specific styles
http://chelseacreekstudio.com/yl/yar/css/url(style_.css)%20screen
http://chelseacreekstudio.com/yl/yar/css/url%28style_.css%29%20screen
Hi David,
IE6 applies these rules to the H1 A:
( from IE Developer Toolbar, View, Source, Dom:Element+Styles)
/* Rule 6 of ../../yar/css/style.css */
H1 A {
BORDER-BOTTOM: medium none
}
/* Rule 27 of ../../yar/css/style.css */
.c A {
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-WEIGHT: bold;
PADDING-BOTTOM: 1px;
BORDER-LEFT: medium none;
COLOR: #777;
BORDER-BOTTOM: #eee 1px solid;
TEXT-DECORATION: none;
outline-width: 0
}
So the BORDER-BOTTOM: #eee 1px solid; wins.
best
Ingo
Ingo, it took your sound advice, and consultation with the GodFather, to
get ie/6.0 to obey.
html: added class .c1
h1a class=c1 href= alt= width= height=//a/h1
css:
* html h1 a.c1 { border: none!important;}
Thanks,
Guido
__
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/
