Thanks, Philippe.
My pages do have a DTD, but they are loaded within the eLearning
platform's own code, and I can't modify any of it.
Well, I guess editing pictures to add the padding it is :-(
The idea of the span is a good one, but modifying the HTML files within
the platform is even more painful than editing all the pictures all over
again.
Thanks for answering!
Ester
PS: How can you see if IE is in Standard or Quirks mode?
Philippe Wittenbergh escribió:
>
> On May 29, 2009, at 8:14 PM, Ester Muñoz wrote:
>
>> In Firefox, the images get a dark red border .7em away from the image,
>> IE glues the border to the image, and no matter what I do, I can't make
>> it the way I want (that is, the image has a border around it but it des
>> not touch the picture)
>>
>> Images are some floated some just in a paragraph, this is the CSS:
>>
>> #wrapper img {
>> margin: 0 1em;
>> padding: .7em;
>> border: 1px solid #a52a2a;
>> }
>>
>> Is there a fix for this? If not, I will have to edit all the photos in
>> the course to make a 1px white around it, as the client is insisting on
>> the separation between the image and the border.
>
> Is IE in Standards mode ? Do your pages include a doctype (dtd) at the
> start of the page.
> If no, then that is your issue. In my quick test, your styling works
> correctly in IE 6 and up, as long as IE is in Standards mode.
> Like this:
> <http://dev.l-c-n.com/_temp/img_border.html>
>
> If your pages don't have a doctype as first thing on the page, and you
> can't change the templates, then I don't know any good solution. Maybe
> wrap the image in a span, and apply the style to the span ?
>
> Philippe
> ---
> Philippe Wittenbergh
> http://l-c-n.com/
>
>
>
>
>
--
Ester Muñoz Aparicio
C/ San Isidro 2 Urb. Altos del Cantal 11 - 04638 - Mojácar (Almería)
Oficina: (+34) 950478683
GSM: (+34) 629457700
memunoz at gmail dot 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/
