[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] ***
[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
ul id=img
lidiva href=caesia.jpg onclick=return
Genie(this.href,400,533);img alt=Caesia micrantha src=caesiath.jpg /
/a/divpemCaesia micrantha/em - Pale Grass Lily/p
/ul
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] 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 **
