On 4/07/2009, at 3:16 PM, Terry - Al Rio Art wrote:

> Hey folks - I'm laying out a pretty basic site right now and it's  
> looking
> fine in everything except Internet Explorer on a PC.
>
> There's just a little too much space between the "Lavender..." image  
> in the
> header and the picture of Thai food underneath it.
> Lines up great in Safari, Firefox (Mac) and Firefox (PC) but not IE.
>
> Can anyone tell me how to get rid of that extra space?
>
> See the page here:
> http://lavenderasianbistro.com/
> The css file here:
> http://lavenderasianbistro.com/twoColFixLt.css

The first <a> or the <img> inside it needs to be set to display: block  
to make the crack even. These are inline elements and the extra space  
is for descenders below the text (the bottoms of g,q etc.)

By the way, in IE7 and IE6 there are some more major rendering issues.  
In IE7 the right column is pushed off to the side and in IE6 it drops  
below the sidebar.  I wasn't sure if you were aware of these already  
or if you had been playing with something so I haven't looked into  
these.

Tim
______________________________________________________________________
css-discuss [[email protected]]
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/

Reply via email to