Re: [css-d] Display problem with IE7

[David Laakso]

Ansari Samir wrote:
> But it isn't working and yes this sample problem is also existing in Safari
> and all the below mentioned browser.
>
> And David, we are not using Image there, it is an anchor tag and we have
> given background image to that anchor tag.
>
>
>   
>>>
>>> My site http://jobspert.com opens properly in Mozilla Firefox but when I
>>> open it in IE7, there comes a one pixel gap between the header and the
>>> buttons "Submit Resume" and "Browse Jobs".
>>>
>>>
>>>   
>> Add this to your style sheet:
>>
>> img {display: block;}
>> 


Closes the gap on this end, please see:

~d

PS Please bottom post.














>>
>>
>> 
>
>
>   

__
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/

Re: [css-d] Display problem with IE7

[Gunlaug Sørtun]

Ansari Samir wrote:

> And David, we are not using Image there, it is an anchor tag and we 
> have given background image to that anchor tag.

Nonsense. There's an  element inside that anchor, and its src
attribute is addressing this image...

That's not a background image.

For the record: David was right about the problem, but his solution
didn't fit the case. The case itself is too broken.

> Someone, please help me sort this problem.

Turn the anchor/image combination into this...

http://jobspert.com";>

...and you'll achieve a more consistent alignment across browser-land.

regards
Georg
-- 
http://www.gunlaug.no
__
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/

Re: [css-d] Display problem with IE7

[David Laakso]

>
>   
>> Ansari Samir wrote:
>>
>> 
>>> My site http://jobspert.com opens properly in Mozilla Firefox but when I
>>> open it in IE7, there comes a one pixel gap between the header and the
>>> buttons "Submit Resume" and "Browse Jobs".
>>>   

BTW, validate the markup.

~d
__
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/

Re: [css-d] Display problem with IE7

[Ansari Samir]

Hi,

Thanks for your reply.

But it isn't working and yes this sample problem is also existing in Safari
and all the below mentioned browser.

And David, we are not using Image there, it is an anchor tag and we have
given background image to that anchor tag.

Someone, please help me sort this problem.

Thanks once again.

Regards,
Ansari Samir.





On Sat, Apr 18, 2009 at 7:09 PM, David Laakso
wrote:

> Ansari Samir wrote:
>
>> Hi,
>>
>> My site http://jobspert.com opens properly in Mozilla Firefox but when I
>> open it in IE7, there comes a one pixel gap between the header and the
>> buttons "Submit Resume" and "Browse Jobs".
>>
>> Can someone please tell me what to do to get rid of this?
>>
>>
>>
>>
>
>
> Add this to your style sheet:
>
> img {display: block;}
>
> btw, the gap (space for descenders?) is not necessarily limited to IE/7--
>  noticed here as well live in Mac SeaMonkey, Safari, and Camino. And in Mac
> FF on a local file.
>
>
>
>
>


-- 
M/S Leelan
123, S.V. Road, Khar (W), Mumbai - 400 052.
Cell: +919820200390 / +919223267824 Fax: +912226040803
Tel: +912226051830
__
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/

Re: [css-d] Display problem with IE7

[David Laakso]

Ansari Samir wrote:
> Hi,
>
> My site http://jobspert.com opens properly in Mozilla Firefox but when I
> open it in IE7, there comes a one pixel gap between the header and the
> buttons "Submit Resume" and "Browse Jobs".
>
> Can someone please tell me what to do to get rid of this?
>
>
>   


Add this to your style sheet:

img {display: block;}

btw, the gap (space for descenders?) is not necessarily limited to 
IE/7--  noticed here as well live in Mac SeaMonkey, Safari, and Camino. 
And in Mac FF on a local file.




__
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/

[css-d] Display problem with IE7

[Ansari Samir]

Hi,

My site http://jobspert.com opens properly in Mozilla Firefox but when I
open it in IE7, there comes a one pixel gap between the header and the
buttons "Submit Resume" and "Browse Jobs".

Can someone please tell me what to do to get rid of this?

Regards,
Ansari Samir.





-- 
M/S Leelan
123, S.V. Road, Khar (W), Mumbai - 400 052.
Cell: +919820200390 / +919223267824 Fax: +912226040803
Tel: +912226051830
__
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/