Re: [css-d] Different ways of doing the same thing
Les,
On May 25, 2007, at 11:30 AM, Les Mizzell wrote:
> It's always interesting to look at other folks stuff. I just
> inherited a
> site, and in looking at their CSS, the main div is listed thusly:
>
> #pageWrapper {
>width:760px;
>position:absolute;
>left:50%;
>margin-left:-380px; }
>
>
> Where I would have just done:
>
> #pageWrapper {
>width:760px;
>margin: 0 auto 0 auto; }
>
> Any advantage of doing it the first way?
There is a major drawback to the first way. If the user's window is
less than 760px wide, content will flow off the left edge of the
window and become inaccessible. It the page has to be in quirks
mode, or you need to support ie5/win, you can get the same result with
body { text-align: center; }
#pageWrapper {
width: 760px;
margin: 0 auto;
text-align: left;
}
--
Roger Roelofs
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling OL
On Sat, 2007-05-26 at 13:16 +0300, Jukka K. Korpela wrote:
> On Sat, 26 May 2007, David A Knight wrote:
>
> > Not sure how IE copes with it, 6 doesn't, not tried in 7 but I suspect
> > it won't either.
>
> IE 7 doesn't support counters and generated content (and :before
> pseudo-elements etc.) at all. Thus...
>
> > ol { counter-reset: mycounter 0; list-style: none }
> > li:before
> > {
>
> ... IE ignores everything you say, except the list-style: none part. Thus,
> IE renders the list with no numbers.
as expected
> You could use a "conditional comment" to override the list-style setting
> for IE, but what would then happen on less common browsers that don't
> support counters and generated content and don't obey the "conditional
> comment" either?
of course, the post wasn't meant as a you can do it this way, for the
reasons you state, more an academic it is possible to do with css.
David
--
Make your website SCREEM - Site Creating & Editing EnvironMent
URL: http://www.screem.org/
Mail: [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling OL
On Sat, 26 May 2007, David A Knight wrote:
> Not sure how IE copes with it, 6 doesn't, not tried in 7 but I suspect
> it won't either.
IE 7 doesn't support counters and generated content (and :before
pseudo-elements etc.) at all. Thus...
> ol { counter-reset: mycounter 0; list-style: none }
> li:before
> {
... IE ignores everything you say, except the list-style: none part. Thus,
IE renders the list with no numbers.
You could use a "conditional comment" to override the list-style setting
for IE, but what would then happen on less common browsers that don't
support counters and generated content and don't obey the "conditional
comment" either?
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling OL
On Fri, 2007-05-25 at 13:44 +0300, Jukka K. Korpela wrote:
> On Fri, 25 May 2007, Joanne wrote:
>
> > I have an ordered list, and I want to style the numbers differently to the
> > text. Is this possible?
> >
> > Ie: I want the numbers large and blue, and the text to be small and black.
>
> I'm afraid there is no direct way to achieve that, since the numbers are
> effectively treated as anonymous parts of elements, as far as styling
> is considered.
>
> However, this implies that you can circumvent the restriction by adding
> extra markup for contents. For example, if you write
Not sure how IE copes with it, 6 doesn't, not tried in 7 but I suspect
it won't either. The following definitely works in firefox / konqueror,
and should in opera but opera is crashing on startup for me at the
moment.
ol { counter-reset: mycounter 0; list-style: none }
li:before
{
font-size: 2em;
display: marker;
marker-offset: 3em;
content: counter(mycounter, decimal) ". ";
counter-increment: mycounter;
}
David
--
Make your website SCREEM - Site Creating & Editing EnvironMent
URL: http://www.screem.org/
Mail: [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Column Alignment in IE6
> [mailto:[EMAIL PROTECTED] Behalf Of Ian Young > Sent: 25 May 2007 17:10 > To: [EMAIL PROTECTED] Css-Discuss. Org > Subject: [css-d] Column Alignment in IE6 > > > Hi List > > TGIF. Hope your week has been better than mine. > > This page which has three columns (original design is different on every > page). Aligns on FF and IE7 vertically with the grey spacer at > the top right > but on IE6 it is aligned about 10px to the left. > > Any help would be gratefully received. > > Ian Forgot the link, http://www.dbadvertising.co.uk/css/about_us.php PS, the 5px drop was due to a padding issue and is resolved, but the extra white space in IE6 is eluding me. I have tried, display:inline etc to no avail. I think it is a case of not seeing the wood for the trees. I can get everything to line up if I make the extreme right hand column wider, but the design needs it as in the above. compare http://www.dbadvertising.co.uk/css/about.php hope someone can help. Cheers Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.472 / Virus Database: 269.8.0/818 - Release Date: 25/05/2007 12:32 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Overflow bug?
On 5/26/07, Martin Paton <[EMAIL PROTECTED]> wrote: > Hi > > I've got a flash movie as a header in my three column container layout > which I want to set overflow:hidden when the page is resized so it > doesn't blow out of the side of the page. > > I've set "overflow:hidden" on all containers that the flash movie would > push past - it works superbly in all IE versions, but not in > Firefox/Opera/NS, etc... > > Is there a known problem with overflow:hidden? > No, but there is a philosophical argument about whether or not embedded content should be allowed to interact with (and "passing behind" the border of a container with overflow set is interacting the host page, given that the standards state fairly clearly that they may not interact when the embedded content is another html document. Hence some browsers give embedded media an "infinite z-index". But, thanks to the pushiness of advertisers, I think there is a workaround - google for wmode transparent. -- Richard Grevers, New Plymouth, New Zealand Hat 1: Development Engineer, Webfarm Ltd. Hat 2: Dramatic Design www.dramatic.co.nz Lost yet? http://www.lost.eu/3d33f __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
