Re: [css-d] Browser doesn't load all images?

[Philippe Wittenbergh]

On Mar 24, 2009, at 2:07 PM, david wrote:

> Kenny Leu wrote:
>> I've had similar issues before, where certain browsers would load  
>> certain
>> images and others wouldn't.  I hope the following helps you out:
>>
>> e.g. Windows IE7 would understand the following...
>>
>> background-image: url(root/imageFolder/image.jpg);
>>
>> But Windows FireFox3 wouldn't!  After some poking around, I ended  
>> up adding
>> quotes around the file location (it SHOULD be a string, after all)
>>
>> background-image: url("root/imageFolder/image.jpg");
>>
>> And FireFox3 understood that.  Maybe you're missing some quotes ,  
>> like I
>> was.
>
>>>
>>>
>
> Hmmm, IIRC, I thought the standards required using the quotes?

1. Quotes are not required around a url as value for background-image.
http://www.w3.org/TR/CSS21/syndata.html#uri

Where did you get that idea ?

2. Firefox (and Opera, Safari) has no problems with unquoted urls in  
that case.
I see a bunch of images on the page linked to bythe OP, Christopher R:
> http://www.thecreativesheep.ca/site/imagepage5.html

Not sure if all images are there, though.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
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] Browser doesn't load all images?

[david]

Christopher R wrote:
> On Mon, Mar 23, 2009 at 10:36 PM "David Laakso" 
>  wrote:
>> Christopher R wrote:
>>> http://www.thecreativesheep.ca/site/imagepage5.html
>>>
>>> Here is the link, hopefully it can get figured out in case I run into the 
>>> same problem on my other pages.
>>
>> Please bottom post in reply. What OS/browser does not load all the images?
> 
> FireFox, and the links don't work either in any browser I find it odd.

Your bit about Flash isn't scripted right, or something. I have Flash 
installed in FF here, and before I enabled Javascript on your site, I 
could have clicked on the Flash and seen it. After I enabled Javascript 
on your page, the Flash image was replaced by a silly bit of text 
telling me I didn't have Flash installed ...

I don't see what images are missing, unless there's supposed to be 
images in the white middle section of the page?

-- 
David
gn...@hawaii.rr.com
authenticity, honesty, community
__
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] Browser doesn't load all images?

[Donald Davis]

bottom posting means post after the words of the previous poster, not
before... just to clarify so the people on the list don't get any more
upset.. lol
__
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] Browser doesn't load all images?

[david]

Christopher R wrote:
> http://www.thecreativesheep.ca/site/imagepage5.html
> 
> Here is the link, hopefully it can get figured out in case I run into the 
> same problem on my other pages.
> 
> 
> On Mon, Mar 23, 2009 at 10:04 PM "David Laakso" 
>  wrote:
>> Christopher R wrote:
>>> Has anyone has this problem whereas the browser does not load all the 
>>> images for the page, and is there
>>> a way to fix or force it too?
>>>   
>> Validate the CSS and the markup. Put the page on a public server and 
>> provide a clickable link to it in your post. Bottom post in reply.

2 errors in CSS:

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.thecreativesheep.ca%2Fsite%2Fimagepage5.html

-- 
David
gn...@hawaii.rr.com
authenticity, honesty, community
__
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] Browser doesn't load all images?

[Christopher R]

On Mon, Mar 23, 2009 at 10:36 PM "David Laakso"  
wrote:
>Christopher R wrote:
> > http://www.thecreativesheep.ca/site/imagepage5.html
> >
> > Here is the link, hopefully it can get figured out in case I run into the 
> > same problem on my other pages.
> >   
> 
> 
> Please bottom post in reply. What OS/browser does not load all the images?
> __
> 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/
> 

FireFox, and the links don't work either in any browser I find it odd.
__
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] Browser doesn't load all images?

[david]

Kenny Leu wrote:
> I've had similar issues before, where certain browsers would load certain
> images and others wouldn't.  I hope the following helps you out:
> 
> e.g. Windows IE7 would understand the following...
> 
> background-image: url(root/imageFolder/image.jpg);
> 
> But Windows FireFox3 wouldn't!  After some poking around, I ended up adding
> quotes around the file location (it SHOULD be a string, after all)
> 
> background-image: url("root/imageFolder/image.jpg");
> 
> And FireFox3 understood that.  Maybe you're missing some quotes , like I
> was.

> On Mon, Mar 23, 2009 at 8:54 AM, Ian Young  wrote:
> 
>>> -Original Message-
>>> From: polar_anima...@zenbe.com [mailto:polar_anima...@zenbe.com] On
>>> Behalf Of Christopher R
>>> Sent: 23 March 2009 15:29
>>> To: Ian Young
>>> Cc: 'CSS-D'
>>> Subject: RE: [css-d] Browser doesn't load all images?
>>>
>>> Alright I still have a few things to check, but some of it is working
>>> but my "a" links don't seem to be working, odd.  I'm going to
>>> check over a few things and know by later on.
>>>
>> You didn't mention that the images were in links.
>> IE 7 can have issues here which is why a link can be useful and we can
>> check on all the various browsers that we have kicking around.

Hmmm, IIRC, I thought the standards required using the quotes?

Anyway, this list prefers bottom posting!

-- 
David
gn...@hawaii.rr.com
authenticity, honesty, community
__
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] Browser doesn't load all images?

[David Laakso]

Christopher R wrote:
> http://www.thecreativesheep.ca/site/imagepage5.html
>
> Here is the link, hopefully it can get figured out in case I run into the 
> same problem on my other pages.
>   


Please bottom post in reply. What OS/browser does not load all the images?
__
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] Browser doesn't load all images?

[Christopher R]

http://www.thecreativesheep.ca/site/imagepage5.html

Here is the link, hopefully it can get figured out in case I run into the same 
problem on my other pages.


On Mon, Mar 23, 2009 at 10:04 PM "David Laakso"  
wrote:
>Christopher R wrote:
> > Has anyone has this problem whereas the browser does not load all the 
> > images for the page, and is there
> > a way to fix or force it too?
> >   
> 
> Validate the CSS and the markup. Put the page on a public server and 
> provide a clickable link to it in your post. Bottom post in reply.
> 
__
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] Browser doesn't load all images?

[David Laakso]

Christopher R wrote:
> Has anyone has this problem whereas the browser does not load all the images 
> for the page, and is there
> a way to fix or force it too?
>   

Validate the CSS and the markup. Put the page on a public server and 
provide a clickable link to it in your post. Bottom post in reply.
__
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] Browser doesn't load all images?

[Christopher R]

Alright, I have put the quotations within the brackets and it seems to be only 
fetching some parts
of a few 200K images from the server when using FF3.  When I use IE7 / IE6  it 
loads fine so how come FireFox is not getting the full
images from the server?


On Mon, Mar 23, 2009 at 12:51 PM "Kenny Leu"  wrote:
>I've had similar issues before, where certain browsers would load certain
> images and others wouldn't.  I hope the following helps you out:
> 
> e.g. Windows IE7 would understand the following...
> 
> background-image: url(root/imageFolder/image.jpg);
> 
> But Windows FireFox3 wouldn't!  After some poking around, I ended up adding
> quotes around the file location (it SHOULD be a string, after all)
> 
> background-image: url("root/imageFolder/image.jpg");
> 
> And FireFox3 understood that.  Maybe you're missing some quotes , like I
> was.
> 
> 
> Best,
> Kenny
> 
> 
> 
> 
> On Mon, Mar 23, 2009 at 8:54 AM, Ian Young  wrote:
> 
> >
> >
> >
> >
> > > -Original Message-
> > > From: polar_anima...@zenbe.com [mailto:polar_anima...@zenbe.com] On
> > > Behalf Of Christopher R
> > > Sent: 23 March 2009 15:29
> > > To: Ian Young
> > > Cc: 'CSS-D'
> > > Subject: RE: [css-d] Browser doesn't load all images?
> > >
> > > Alright I still have a few things to check, but some of it is working
> > > but my "a" links don't seem to be working, odd.  I'm going to
> > > check over a few things and know by later on.
> > >
> >
> > You didn't mention that the images were in links.
> > IE 7 can have issues here which is why a link can be useful and we can
> > check on all the various browsers that we have kicking around.
> >
> > Ian
> >
> > __
> > 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-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] tabled thumbnail gallery to css?

[bill scheider]

>
> Can someone point me in the direction of coding idea or solution for this?
I
> suppose, strictly speaking, the info can be presented as a table of data
but
> there's still the alphabetical order issue when adding or removing
artists.
>
One thing that I would do is reorganize the the columns by placing the
second name in the list to the right of the first name, the third name
in the spot vacated by the second, and the fourth name to the right of
the third, and so on.   I would make a container for all the
name+image divs with a set width, then float the individual div's to
the left.  Since 3 div's would be wider than the available width, you
would have two columns of names that would be easily reorganized by
adding new div's to the right spot alphabetically, or removing div's
no longer needed.

I'm probably wrong, but it seems as tho keeping the format as is would
take a lot more code and be less manageable since I assume you would
have place the name+image div's into additional divs for the
individual columns.

Don

Don,
Thanks. Reorganizing the current order of the names is a great point. Thanks
for that. And yeah, personally I hate all that code. One thing I've
considered in using Lightbox to display all those images, thereby
eliminating all those jump pages and the need to keep creating more. 

This is just a temporary, pro bono gig for me but I'd like to hand back
something at least a little more manageable. Thanks for your response.
Bill
__
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/

Re: [css-d] tabled thumbnail gallery to css?

[Donald Davis]

>
> I'd like to re-code that page in css rather than a table. For one thing it'd
> be lots easier to retain the alphabetical order when adding or removing a
> new artist. The current code is certainly a mess and could certainly benefit
> from a cleansing:-)
>
>
>
> Can someone point me in the direction of coding idea or solution for this? I
> suppose, strictly speaking, the info can be presented as a table of data but
> there's still the alphabetical order issue when adding or removing artists.
>
One thing that I would do is reorganize the the columns by placing the
second name in the list to the right of the first name, the third name
in the spot vacated by the second, and the fourth name to the right of
the third, and so on.   I would make a container for all the
name+image divs with a set width, then float the individual div's to
the left.  Since 3 div's would be wider than the available width, you
would have two columns of names that would be easily reorganized by
adding new div's to the right spot alphabetically, or removing div's
no longer needed.

I'm probably wrong, but it seems as tho keeping the format as is would
take a lot more code and be less manageable since I assume you would
have place the name+image div's into additional divs for the
individual columns.

Don
__
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] forcing IE6 to respect div width

[Gunlaug Sørtun]

Giuseppe Craparotta wrote:

> http://www.giuseppecraparottacv.co.uk/doubts/about.html

> Is it any way to force IE6 to consider the image as going out of the
> div's width instead of widening the div accordingly to it.

Yes. Declare overflow: hidden on container and position: relative on
overflowing content. Serve to IE6 only.

> If not I'll probably place the image out of the div, but this would
> be semantically incorrect, being the quote part of the copy.

Not sure how "semantics" would help here...

...but that, and a few other missing pieces...

...is another matter entirely.

regards
Georg
-- 
http://www.gunlaug.no
__
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] tabled thumbnail gallery to css?

[bill scheider]

Hi all

I volunteered for a non profit who recently lost their web person to do some
updates on their website. The page in question can be found here:
http://www.oregonwca.org/gallery.html The gallery is a 7-col table
containing an artist's name, a thumbnail, a thumbnail, artist's name,
thumbnail, thumbnail. They want to retain that general layout of two artists
and their thumbnails per line.

 

I'd like to re-code that page in css rather than a table. For one thing it'd
be lots easier to retain the alphabetical order when adding or removing a
new artist. The current code is certainly a mess and could certainly benefit
from a cleansing:-)

 

Can someone point me in the direction of coding idea or solution for this? I
suppose, strictly speaking, the info can be presented as a table of data but
there's still the alphabetical order issue when adding or removing artists.

 

All pointers are appreciated. TIA

Bill Scheider

__
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] forcing IE6 to respect div width

[Giuseppe Craparotta]

Hi everybody,
please take a look at this:

http://www.giuseppecraparottacv.co.uk/doubts/about.html

the div including the copy also contains an image (quote) on top, being this
wider than the div's declared width.
As a consequence IE6 increases the width of the div as equal to the width of
the image, while other browsers still respect the width declared by me.

Is it any way to force IE6 to consider the image as going out of the div's
width instead of widening the div accordingly to it.
If not I'll probably place the image out of the div, but this would be
semantically incorrect, being the quote part of the copy. Also, I don't like
to surrender to IE6 oddities...

thank you very much,
Giuseppe
__
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] max-width in Safari/IE

[Gunlaug Sørtun]

Jack Blankenships wrote:
> It seems to be that the table within the div or body element is 
> pushing the content out beyond the specified widths in Internet 
> Explorer. [...]

If you have problems: link to the case, page, you have problems with.
Bits of CSS don't make much sense without it.

regards
Georg
-- 
http://www.gunlaug.no
__
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] max-width in Safari/IE

[Gunlaug Sørtun]

Jack Blankenships wrote:
> Apparently there was a table there as well, and max-width does not 
> apply to a table very nicely in Safari or Internet Explorer.  Can 
> anyone offer some more explanation on this?

Have only tested for CSS table a year or so back, and it's a known
behavior in Safari 3. I haven't tested how neither IE7 nor IE8 handles
max-width on HTML table, or how IE8 handles it on CSS table.

Some browsers seem to ignore min/max-width on table - which seems ok,
while others apply it - which also can be justified I think. So, I don't
think Safari and IE8 are wrong, or right, since min/max-width on table
seems to be in undefined or under-defined CSS territory.

regards
Georg
-- 
http://www.gunlaug.no
__
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] max-width in Safari/IE

[Jack Blankenships]

It seems to be that the table within the div or body element is
pushing the content out beyond the specified widths in Internet
Explorer.  If I set the width on the table to 100% it forces the
containing dom element to expand if the elements within the table can
possibly have a width to do so (that is to say that the text contained
therein [rather than wrapping as it does in other browsers] forces the
cell, and therefore table to expand beyond the set boundaries of the
parent dom element).

On Mon, Mar 23, 2009 at 10:50 AM, Jack Blankenships
 wrote:
> After experimenting some more I have come up with some code that seems
> to work in most browsers:
>
> .content {
>    width:        100%;
>    max-width:    960px;
>    min-width:    640px;
>    margin-left:  auto;
>    margin-right: auto;
> }
>
> This can be applied to a body or div tag with an embedded table and
> will center the element with a minimum width of 640px and a maximum
> with of 960px while expanding to 100% of the available viewport within
> the given bounds -- but it does not work for Internet Explorer.
>
> I have tried:
>
> .content {
>    width:        100%;
>    max-width:    960px;
>    min-width:    640px;
>    margin-left:  auto;
>    margin-right: auto;
>    width: expression(this.width > 960 ? 960 : this.width < 640 ? 640 : true);
> }
>
> As recommended by others, but that does not seem to work.  Any
> suggestions as to how to make this work in Internet Explorer without
> some drastic hacks, etc.?
>
> Thanks,
> Jack
>
>
> On Mon, Mar 23, 2009 at 10:26 AM, Gunlaug Sørtun  wrote:
>> Jack Blankenships wrote:
>>>
>>> Apparently there was a table there as well, and max-width does not apply
>>> to a table very nicely in Safari or Internet Explorer.  Can anyone offer
>>> some more explanation on this?
>>
>> Have only tested for CSS table a year or so back, and it's a known
>> behavior in Safari 3. I haven't tested how neither IE7 nor IE8 handles
>> max-width on HTML table, or how IE8 handles it on CSS table.
>>
>> Some browsers seem to ignore min/max-width on table - which seems ok,
>> while others apply it - which also can be justified I think. So, I don't
>> think Safari and IE8 are wrong, or right, since min/max-width on table
>> seems to be in undefined or under-defined CSS territory.
>>
>> regards
>>        Georg
>> --
>> http://www.gunlaug.no
>>
>
__
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] Browser doesn't load all images?

[Kenny Leu]

I've had similar issues before, where certain browsers would load certain
images and others wouldn't.  I hope the following helps you out:

e.g. Windows IE7 would understand the following...

background-image: url(root/imageFolder/image.jpg);

But Windows FireFox3 wouldn't!  After some poking around, I ended up adding
quotes around the file location (it SHOULD be a string, after all)

background-image: url("root/imageFolder/image.jpg");

And FireFox3 understood that.  Maybe you're missing some quotes , like I
was.


Best,
Kenny




On Mon, Mar 23, 2009 at 8:54 AM, Ian Young  wrote:

>
>
>
>
> > -Original Message-
> > From: polar_anima...@zenbe.com [mailto:polar_anima...@zenbe.com] On
> > Behalf Of Christopher R
> > Sent: 23 March 2009 15:29
> > To: Ian Young
> > Cc: 'CSS-D'
> > Subject: RE: [css-d] Browser doesn't load all images?
> >
> > Alright I still have a few things to check, but some of it is working
> > but my "a" links don't seem to be working, odd.  I'm going to
> > check over a few things and know by later on.
> >
>
> You didn't mention that the images were in links.
> IE 7 can have issues here which is why a link can be useful and we can
> check on all the various browsers that we have kicking around.
>
> Ian
>
> __
> 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/

Re: [css-d] max-width in Safari/IE

[Jack Blankenships]

After experimenting some more I have come up with some code that seems
to work in most browsers:

.content {
width:100%;
max-width:960px;
min-width:640px;
margin-left:  auto;
margin-right: auto;
}

This can be applied to a body or div tag with an embedded table and
will center the element with a minimum width of 640px and a maximum
with of 960px while expanding to 100% of the available viewport within
the given bounds -- but it does not work for Internet Explorer.

I have tried:

.content {
width:100%;
max-width:960px;
min-width:640px;
margin-left:  auto;
margin-right: auto;
width: expression(this.width > 960 ? 960 : this.width < 640 ? 640 : true);
}

As recommended by others, but that does not seem to work.  Any
suggestions as to how to make this work in Internet Explorer without
some drastic hacks, etc.?

Thanks,
Jack


On Mon, Mar 23, 2009 at 10:26 AM, Gunlaug Sørtun  wrote:
> Jack Blankenships wrote:
>>
>> Apparently there was a table there as well, and max-width does not apply
>> to a table very nicely in Safari or Internet Explorer.  Can anyone offer
>> some more explanation on this?
>
> Have only tested for CSS table a year or so back, and it's a known
> behavior in Safari 3. I haven't tested how neither IE7 nor IE8 handles
> max-width on HTML table, or how IE8 handles it on CSS table.
>
> Some browsers seem to ignore min/max-width on table - which seems ok,
> while others apply it - which also can be justified I think. So, I don't
> think Safari and IE8 are wrong, or right, since min/max-width on table
> seems to be in undefined or under-defined CSS territory.
>
> regards
>        Georg
> --
> http://www.gunlaug.no
>
__
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] max-width in Safari/IE

[Jack Blankenships]

Apparently there was a table there as well, and max-width does not
apply to a table very nicely in Safari or Internet Explorer.  Can
anyone offer some more explanation on this?

Thanks,
Jack

On Mon, Mar 23, 2009 at 9:50 AM, Jack Blankenships
 wrote:
> Apparently there was a table there as well, and max-width does not
> apply to a table very nicely in Safari or Internet Explorer.  Can
> anyone offer some more explanation on this?
>
> Thanks,
> Jack
>
> On Mon, Mar 23, 2009 at 9:35 AM, Theophan Dort  wrote:
>> Sorry, I meant to include a link to the file:
>>
>> http://www.theophan.net/maxwidthtest.html
>>
>> Theophan
>>
>>
>> On Mar 23, 2009, at 11:20 AM, Theophan Dort wrote:
>>
>>> I'm not an expert, just a volunteer webmaster for a couple of churches,
>>> but on my Mac with Safari (3.2.1) that works exactly as it should.
>>>
>>> FYI.
>>>
>>> Theophan
>>>
>>>
>>> On Mar 23, 2009, at 10:49 AM, Jack Blankenships wrote:
>>>
 Is there a way to get a max-width attribute to work in Safari and
 Internet Explorer?  Supposedly both browsers suppourt it, but I can't
 find an example of either doing so.

 In theory I would like to add a class to a div like so:

 .container {
  width:        100%;
  max-width: 960px;
 }

 I would expect the application of this class to a div element to
 result in an object that fills 100% of the available viewport up to a
 maximum of 960px.  Am I missing something as to why Safari and
 Internet Explorer do not react as the other browsers do?

 Thanks,
 Jack
 __
 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/

Re: [css-d] Browser doesn't load all images?

[Ian Young]

> -Original Message-
> From: polar_anima...@zenbe.com [mailto:polar_anima...@zenbe.com] On
> Behalf Of Christopher R
> Sent: 23 March 2009 15:29
> To: Ian Young
> Cc: 'CSS-D'
> Subject: RE: [css-d] Browser doesn't load all images?
> 
> Alright I still have a few things to check, but some of it is working
> but my "a" links don't seem to be working, odd.  I'm going to
> check over a few things and know by later on.
> 

You didn't mention that the images were in links.
IE 7 can have issues here which is why a link can be useful and we can check on 
all the various browsers that we have kicking around.

Ian

__
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] Browser doesn't load all images?

[Ian Young]

> To: CSS-D
> Subject: [css-d] Browser doesn't load all images?
> 
> Has anyone has this problem whereas the browser does not load all the
> images for the page, and is there
> a way to fix or force it too?


In my experience there are a few things to check if images don't load
There is an html error or more likely, I have forgotten to upload the image
to the given folder.

More than that is difficult to say without a link.

Cheers

Ian


__
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] Browser doesn't load all images?

[Christopher R]

Alright I still have a few things to check, but some of it is working but my 
"a" links don't seem to be working, odd.  I'm going to 
check over a few things and know by later on.


On Mon, Mar 23, 2009 at 11:13 AM "Ian Young"  wrote:
>> To: CSS-D
> > Subject: [css-d] Browser doesn't load all images?
> > 
> > Has anyone has this problem whereas the browser does not load all the
> > images for the page, and is there
> > a way to fix or force it too?
> 
> 
> In my experience there are a few things to check if images don't load
> There is an html error or more likely, I have forgotten to upload the image
> to the given folder.
> 
> More than that is difficult to say without a link.
> 
> Cheers
> 
> Ian
> 
> 
> 
__
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] Browser doesn't load all images?

[Christopher R]

Has anyone has this problem whereas the browser does not load all the images 
for the page, and is there
a way to fix or force it too?
__
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] max-width in Safari/IE

[Jack Blankenships]

Is there a way to get a max-width attribute to work in Safari and
Internet Explorer?  Supposedly both browsers suppourt it, but I can't
find an example of either doing so.

In theory I would like to add a class to a div like so:

.container {
width:100%;
max-width: 960px;
}

I would expect the application of this class to a div element to
result in an object that fills 100% of the available viewport up to a
maximum of 960px.  Am I missing something as to why Safari and
Internet Explorer do not react as the other browsers do?

Thanks,
Jack
__
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] Specificity & Multiple classes

[Alex James]

On Mar 23, 2009, at 8:49 PM, Philippe Wittenbergh wrote:

> .hide and .paging have the same specificity. The last one in the  
> source .css file then wins.

Yep see it now! Sorry couldn't see the wood for the trees.

Thanks,
Alex

__
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] Margin Collapsing down to the html element itself

[Bobby Jack]

--- On Mon, 3/23/09, Els  wrote:

> That's what I thought at first too, but it's
> actually the letter 'l'. 
> (lowercase L).

Good call! I guess that proves:

a) Firebug's default font is poorly chosen

b) Using lowercase ELL as an ID (or a name, or a variable, ...) is a pretty 
stupid idea, even if it IS valid

c) I need to double-check things before throwing accusations around

:-)
__
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] Margin Collapsing down to the html element itself

[Els]

Bobby Jack wrote:

> As ever, Firebug is your friend. The extra space is not a margin,
> but the slightly strange image at the end of your document. The one
> with an ID of "1" which, BTW, is invalid.

That's what I thought at first too, but it's actually the letter 'l'. 
(lowercase L).

-- 
Els

__
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] Margin Collapsing down to the html element itself

[Bobby Jack]

--- On Mon, 3/23/09, Robert O'Rourke  wrote:

> The page is at http://www.sanchothefat.com/dev/tc/ and the
> unwanted 
> space is at the bottom of the page in the latest Firefox
> and Opera but 
> not in Safari or Chrome.

As ever, Firebug is your friend. The extra space is not a margin, but the 
slightly strange image at the end of your document. The one with an ID of "1" 
which, BTW, is invalid.

I'm not sure what's inserting that, but it seems wordpress related (maybe a 
plugin) and I think must happen via javascript, since I can't see it in the 
source document. The image itself is an animated 'throbber', of the sort 
popular for ajax notification.

I'm also not quite sure who's interpreting the CSS correctly; the image is 
'off-screen', but only in the horizontal direction. Setting "top" to 0, for 
example, removes the additional space (but I'm not necessarily suggesting this 
as a complete solution!)

Hope that helps,

- 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/

Re: [css-d] Margin Collapsing down to the html element itself

[Robert O'Rourke]

Els wrote:
> Robert O'Rourke wrote:
>
>> I've been working on a site and just at the stage of tidying up the
>> CSS however I have a strange problem with margin collapsing. It
>> looks like there is some unwanted margin on the HTML element itself
>> which is really confusing me. I've been trying all sorts to fix
>> this problem. Putting a border on the BODY tag made that border
>> encroach into the unwanted margin at the bottom of the page but not
>> remove it. I'm at a loss here. The page is at
>> http://www.sanchothefat.com/dev/tc/ and the unwanted space is at
>> the bottom of the page in the latest Firefox and Opera but not in
>> Safari or Chrome. I'm still working on some IE fixes, it's the
>> margin issue I want to eliminate in FF and Opera for now.
>>
>> Please help!
>
> Some script is inserting an image below div#wrap:
>  src="/dev/tc/wp-content/themes/treecarving/gfx/green-loady.gif"/>
>
> This image has a style set too, on line 703 of your style.css:
> #l {
>left:-999px;
>position:absolute;
> }
>
> Even though it's sitting 999px to the left of the screen, it's still 
> taking up its height.
> If you also give it a negative top value, it wouldn't.
>

That will be it then! Thanks so much for your speedy help.
-Rob
__
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] Specificity & Multiple classes

[Philippe Wittenbergh]

On Mar 23, 2009, at 8:49 PM, Alex James wrote:

>
> Probably missing something obvious but why doesn't the hide class
> override?
>
> 
> 
> 
>
>
> CSS
> ---
> .hide { display: none;}
> .paging   { background-color: #d6d6d6; display: block; padding:
> .5em 1em; width: 100%;}
>
> My only thought is the display block, but can't explain why? Currently
> only using IE6.

.hide and .paging have the same specificity. The last one in the  
source .css file then wins.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





__
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] Specificity & Multiple classes

[Alex James]

Probably missing something obvious but why doesn't the hide class
override?


 
 


CSS
---
.hide   { display: none;}
.paging { background-color: #d6d6d6; display: block; padding:
.5em 1em; width: 100%;}

My only thought is the display block, but can't explain why? Currently
only using IE6.

Thanks.
__
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] Margin Collapsing down to the html element itself

[Els]

Robert O'Rourke wrote:

> I've been working on a site and just at the stage of tidying up the
> CSS however I have a strange problem with margin collapsing. It
> looks like there is some unwanted margin on the HTML element itself
> which is really confusing me. I've been trying all sorts to fix
> this problem. Putting a border on the BODY tag made that border
> encroach into the unwanted margin at the bottom of the page but not
> remove it. I'm at a loss here. The page is at
> http://www.sanchothefat.com/dev/tc/ and the unwanted space is at
> the bottom of the page in the latest Firefox and Opera but not in
> Safari or Chrome. I'm still working on some IE fixes, it's the
> margin issue I want to eliminate in FF and Opera for now.
>
> Please help!

Some script is inserting an image below div#wrap:


This image has a style set too, on line 703 of your style.css:
#l {
left:-999px;
position:absolute;
}

Even though it's sitting 999px to the left of the screen, it's still 
taking up its height.
If you also give it a negative top value, it wouldn't.

-- 
Els

__
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] Margin Collapsing down to the html element itself

[Robert O'Rourke]

Hi all,

I've been working on a site and just at the stage of tidying up the CSS 
however I have a strange problem with margin collapsing. It looks like 
there is some unwanted margin on the HTML element itself which is really 
confusing me. I've been trying all sorts to fix this problem. Putting a 
border on the BODY tag made that border encroach into the unwanted 
margin at the bottom of the page but not remove it. I'm at a loss here. 
The page is at http://www.sanchothefat.com/dev/tc/ and the unwanted 
space is at the bottom of the page in the latest Firefox and Opera but 
not in Safari or Chrome. I'm still working on some IE fixes, it's the 
margin issue I want to eliminate in FF and Opera for now.

Please help!

-Rob
__
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/