[WSG] Re: [Repost] 4 px gap in Safari and Gecko based browsers
Sorry, realized I got the url wrong. Here is the right one:
http://www.clients.lotusseeds.com/catering_new.html
And the css here:
http://www.clients.lotusseeds.com/css/joaquindeli.css
Thanks!
tee
> From: tee <[EMAIL PROTECTED]>
> Reply-To: wsg@webstandardsgroup.org
> Date: Mon, 25 Apr 2005 07:00:20 -0700
> To:
> Subject: [WSG] 4 px gap in Safari and Gecko based browsers
>
> Hi, I have this page that have 4px gap between two divs in Safari and all
> Gecko based browsers, amazingly IE 5/6 and Mac IE 5.2 got it right.
>
> Can't think of anything that messes up.
>
> Here are the codes for the and menu. The Flash banner in the pageHeader
> is 131 x 780 px exactly.
> http://www.clients.lotusseeds.com/catering.html
> #pageHeader {
> height: 131px;
> width: 780px;
> margin: 0px;
> }
> #pageHeader span { display: none;}
> #navcontainer
> {
> height: 27px;
> width: 750px;
> position: relative;
> background: #99;
> margin: 0px 15px 0px 13px;
> }
>
> Before I inserted the flash banner, I had a background image in #pageHeader
> that doesn't have the 4px gap.
>
> http://www.clients.lotusseeds.com/catering.html
>
> Any idea? Thanks!
>
> tee
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Re: [Repost] 4 px gap in Safari and Gecko based browsers
tee schrieb:
Sorry, realized I got the url wrong. Here is the right one:
http://www.clients.lotusseeds.com/catering_new.html
Thanks for the URL.
#intro object {display: block;} /* do not touch */
should fix it here. :)
Objects are inline replaced elements like images, they sit on the baseline.
Ingo
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Re: [Repost] 4 px gap in Safari and Gecko based browsers
>
> tee schrieb:
>> Sorry, realized I got the url wrong. Here is the right one:
>> http://www.clients.lotusseeds.com/catering_new.html
>
> Thanks for the URL.
>
> #intro object {display: block;} /* do not touch */
>
> should fix it here. :)
>
> Objects are inline replaced elements like images, they sit on the baseline.
>
> Ingo
Thanks Ingo. It fixed but create a new problem for IE 5.2 Mac. It doubles
the space.
http://clients.lotusseeds.com/ie5.jpg
I know DW design view has display problem but this is something unusual as
soon as I inserted your code to my css file:
http://clients.lotusseeds.com/dw.jpg
IE 5.2 Mac has always been a problem to me, but I don't like hacks at all.
tee
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Re: [Repost] 4 px gap in Safari and Gecko based browsers
tee schrieb:
Thanks Ingo. It fixed but create a new problem for IE 5.2 Mac. It doubles
the space.
http://clients.lotusseeds.com/ie5.jpg
I know DW design view has display problem but this is something unusual as
soon as I inserted your code to my css file:
http://clients.lotusseeds.com/dw.jpg
Sorry. The mac mini is still on top of my wishlist, but I hope someone
else comes to aid.
for the time being, let me guess it is described somewhere here
http://www.l-c-n.com/IE5tests/misc#gap
What about deleting the line-height? or give a margin-bottom:0; ?
ot forget my code and apply vertical-align: bottom; ?
#intro object{vertical-align: bottom;}
ah, decisions, decisions.
Ingo
(p.s. I don't /like/ hacks too, like surgery.)
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Re: [Repost] 4 px gap in Safari and Gecko based browsers
tee wrote:
Sorry, realized I got the url wrong. Here is the right one:
http://www.clients.lotusseeds.com/catering_new.html
Simple fix:
#intro {line-height: 0;}
Note also: "LOCATION" is too high up in Opera. Some adjustments needed
to top of that list.
regards
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Re: [Repost] 4 px gap in Safari and Gecko based browsers
On 26 Apr 2005, at 1:08 am, tee wrote:
#intro object {display: block;} /* do not touch */
should fix it here. :)
Objects are inline replaced elements like images, they sit on the
baseline.
Ingo
Thanks Ingo. It fixed but create a new problem for IE 5.2 Mac. It
doubles
the space.
http://clients.lotusseeds.com/ie5.jpg
for IE mac, you can try 2 things:
1/ instead of #intro object {display: block;}, use #intro object
{vertical-align:bottom;}
2/ if that fails, just hide the #intro object {display: block;} from IE
mac. The backslash hack will do fine
Philippe
---/---
Philippe Wittenbergh
now live :
Re: [WSG] Re: [Repost] 4 px gap in Safari and Gecko based browsers
> tee wrote:
>> Sorry, realized I got the url wrong. Here is the right one:
>>
>> http://www.clients.lotusseeds.com/catering_new.html
>
> Simple fix:
> #intro {line-height: 0;}
>
> Note also: "LOCATION" is too high up in Opera. Some adjustments needed
> to top of that list.
>
> regards
> Georg
> --
Hi Georg, Thanks a lot. It fixed beautifully :)
tee
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
