| 3:08 am on Sep 7, 2008 (gmt 0)|
I think what you want for the first problem is background-size. By setting it to 100% it will stretch to fit. That should work - if I understand your problem correctly.
For the second problem - give it a class of 'nodec' (or w/e) and use the following css:
That should remove the rectangle.
| 10:06 am on Sep 7, 2008 (gmt 0)|
First, your html sample has an extra </div>, make sure your actual code validates.
Secondly, developing in IE will do this to you, you should really try to develop in something (anything) else and work around IE bugs later.
You seem to have a in-flow div that only contains 3 floated divs (who are taken out of the flow). The div should collapse as it doesn't contain anything anymore.
Try adding something after the float divs that's clearing the floats (or don't float them). a <br /> with a "clear:left" applied to it should do the trick.
| 1:04 pm on Sep 7, 2008 (gmt 0)|
thanks swa66, spacer tip worked very well :) I had similar problem an year ago and i solved it using clear:both
I don't have any extra div in the code but in the code format it looks like.
@csuguy text-decoration: none; didn't solve problem. I can still see the rectangle over the image and on left side in firefox only.
Thanks for your help
| 1:35 pm on Sep 7, 2008 (gmt 0)|
@jojy.. I'm not sure but I think
overflow: hidden or "
outline: none;" on the link, might solve the FF issue if I'm understanding correctly
When you click on a link it's gets focus and the outline [w3.org](A CSS Property not the same as border or text-decoration) is shown as an accessibility/visual aid..
Again I'm not sure on this but would be interested to see,
overflow: hidden if it works would be the accessible friendly way to stop it "stretching" but still leave it intact for accessibility
let us know if it works: either, both or neither ;)
[edited to add link to Outline Property]
[edited by: SuzyUK at 1:48 pm (utc) on Sep. 7, 2008]
| 2:19 pm on Sep 7, 2008 (gmt 0)|
Amazing! thank you so much Suzy outline:none worked.
Thanks every one :)
| 4:24 pm on Sep 11, 2008 (gmt 0)|
jojy - you didn't say which browsers were causing the issue. Poking around, I don't see outline supported at all in IE (perhaps in IE8?).
Just curious. I have to admit that I've never even heard of the outline property let along used it.
| 4:37 pm on Sep 11, 2008 (gmt 0)|
I faced this issue in firefox and its resolved. Thanks ergophobe for your message.
| 7:37 pm on Sep 11, 2008 (gmt 0)|
>> The issue i am facing is on firefox
My bad. I looked, but didn't see it. Sorry.
| 8:11 pm on Sep 11, 2008 (gmt 0)|
Just a friendly note: turning off outline for active links isn't being nice to people who're used to the browser: they expect it to be there when they return to a page using "back".
Probably worse: accessibility guidelines sometimes mention not to use outlines in a confusing fashion. I'm not entirely sure what they try to achieve, but I'm willing to let them be if it helps those with an additional challenge in life. (I guess it helps for keyboard focus users or alternate input methods that might be used aside of a mouse)