[WSG] Images enlarging themselves
www.westernwebdesign.com.au/test/flora3.html I have an image gallery with thumbnails and use js to enable them to open a larger version in a box on the same page. The problem is that some thumbnails - like the one shown - enlarge and distort themselves instead of staying the size they actually are. This only seems to happen with thumbnails that are taller than they are wide. I have no idea why this is happening - there should be plenty of room for them. I make them a max of 80px high Is there anything in the CSS that is causing this? Thanks Lyn Caesia micrantha - Pale Grass Lily ul#img { list-style:none; font-size: .76em; margin:0 0 0 2em; padding:0; float: left; width: 90%; } ul#img li { width: 105px; height: 160px; float: left; margin: 0 0.5em 0.5em 0; background-color:#dba; } ul#img li div { height: 90px; position:relative; background-color:#dba; } ul#img li img { display:block; position:absolute; bottom:0; width: 100px; } ul#img li p { margin: .25em; color: #000; } ul#img li p span { font-weight:bold; display:block; margin-top:1em; } ul#img:after { display:block; content: " "; clear:left; height:0; } *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE footer problem at low resolution
Good morning http://www.westernwebdesign.com.au/test/newindex.html I am having more trouble with this relatively simple design than with far more complicated sites. . The problem only seems to occur in IE at res 800 x 600. At res 1024 x 768 it is fine and in Fx at 800 x 600 it is fine but at the lower res in IE the footer jumps up and some of it disappears behind other content. Have tried all sorts of fixes but obviously not the right one. Hope someone can spot the problem. Thank you Lyn Western Web Design www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
It's margin-bottom: -40px on #container which is causing the problem. If it's there to make the footer stick to the bottom, you might want to look at a different implementation. Thanks John but having removed it, the problem remains. http://www.westernwebdesign.com.au/test/newindex.html I am having more trouble with this relatively simple design than with far more complicated sites. . The problem only seems to occur in IE at res 800 x 600. At res 1024 x 768 it is fine and in Fx at 800 x 600 it is fine but at the lower res in IE the footer jumps up and some of it disappears behind other content. Have tried all sorts of fixes but obviously not the right one. Hope someone can spot the problem. Thank you Lyn Western Web Design www.westernwebdesign.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
* html, body { height: 100%;} * html #container {height: 1%;} The first one is wrong because there's a comma in there and you're applying a rule that you already have on the body and the second one isn't needed because you've already applied a height to #container. Thanks for that John - I can see that now! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE footer problem at low resolution
Check out footerStickAlt from the man in blue - http://www.themaninblue.com/writing/perspective/2005/08/29/ Your css looks similar - you might read through his write-up and see if there are some clues. I notice that he uses position: relative for the footer, which you don't, and that might keep the footer in the normal flow. Just a thought. Thanks Rolf - looked at several options for footer sticking - will start again. Lyn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Yay! Pretty Colors
Last year I used #DDC (a pale green) as a background on a site and a friend (laptop) told me she saw it as blue.She said it looked OK and I didn't have time to pursue the issue then - I suppose some monitors make a difference. I have been using the hex value light gray color #EE on two of my websites for almost a year without complaint. Recently, I shocked a friend of mine by showing her one of the sites on a different monitor than her own. Supposedly her monitor could not display this gray color (even with brightness/contrast adjusted) and the site looked very bad, almost to the point of being unusable. I find this odd and must assume that the occurrence is rare. Google even uses this color (#EE) on multiple occasions! Has anyone else ran into any problems like this before? Is this something I truly need to worry about? Lyn Patterson Western Web Design www.westernwebdesign.com.au ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
[WSG] Missing border in IE
Good morning http://www.westernwebdesign.com.au/ppg/index.html While it is fine in FX and Opera, the little box containing the words in red "What we are currently doing" is missing part of the top padding and the top border in IE. Strangely, if I use the Web Accessibility Bar in IE to check divs, it shows completely. Hope someone knows what is going on - thanks! Lyn Western Web Design www.westernwebdesign.com.au ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Missing border in IE
Thank you, Jason - that fixed it but I will certainly look to changing the p to an h*. Lyn ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **