Previous Message
Next Message

Too much space between header and image

Sent by Tim Snadden on 4 July 2009 10:10


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-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: