Re: [css-d] 12px gap gpne but still get a 4px gap below floated image in IE7
Robert Lane wrote:
> I added the fixes mentioned below and now it is much better, but in
> IE7 the there is still a small gap below the floated image and above
> the footer. It is correctly rendered in Firefox. How can I get
> them to butt together with no gap?
>
> Link is here: http://tinyurl.com/2go7kn
Images are inline-elements by default, and IE/win is correctly placing
it on a text-baseline with room for descenders - giving you a "gap".
Firefox, and most other browsers, are applying a "transitional" (doctype
dependent) trick on lone images, so no "gap" will show up in those browsers.
Add...
#slides img {display: block;}
...to get rid of the gap. Works the same in all browsers and regardless
of doctype-trickery.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 12px gap gpne but still get a 4px gap below floated image in IE7
I added the fixes mentioned below and now it is much better, but in IE7
the there is still a small gap below the floated image and above the
footer. It is correctly rendered in Firefox. How can I get them to
butt together with no gap?
Link is here: http://tinyurl.com/2go7kn
On 5/10/2007 4:00:06 AM, Gunlaug Sørtun ([EMAIL PROTECTED]) wrote:
> Robert Lane wrote:
> > http://tinyurl.com/2go7kn
> >
> > Looks right in Firefox, but I am getting a 12px white space below my
> > floated image in IE7.
>
> Not sure which of
> IE/win's many bug-variants this is, but the addition
> of a well-placed 'hasLayout'[1] trigger...
>
> #main_box {height: 100%;}
>
> ...will make IE7 (and all older IE/win versions) behave as intended.
> This fix also seems to solve a problem with the image itself not showing
> up in IE6.
>
>
> If you also add...
>
> html {font-size: 100%;}
>
> ...then the 'em
> font-resizing bug'[2] will also be "killed".
>
> regards
> Georg
>
> [1]http://www.satzansatz.de/cssd/onhavinglayout.html
> [2]http://www.gunlaug.no/contents/wd_additions_13.html
> --
> http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
