Problem with CSS in EO.PDF - Essential Objects, Inc. Support Forum

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Problem with CSS in EO.PDF

Problem with CSS in EO.PDF

Options

Previous Topic · Next Topic

AdriaanseB

Posted: Friday, April 12, 2013 5:39:54 AM

Rank: Newbie
Groups: Member

Joined: 4/12/2013
Posts: 4

Hi all,

I have a problem with EO.PDF not rendering my CSS correctly.

My css:

Code: CSS

Copy

.outer
    {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #aaa;
        margin: 10px 0 0 0;
    }
.inner
    {
        width: 150px;
        height: 150px;
        margin-top: -100px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50%;
        text-align: center;
        background-color: #cccccc;
    }

My html:

Code: HTML/ASPX

Copy

<div class="outer">
      <div class="inner" />
</div>

When viewing this in any browser (IE9+), it will show me a darkgrey circle with a lightgrey part inside the circle. When using EO.PDF the lightgrey part is no longer contained inside the darkgrey circle but overflows. It should not overflow because of the overflow:hidden...

Is this a known issue? And is there a solution to this problem?

Tnx in advance!

eo_support

Posted: Friday, April 12, 2013 9:24:47 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195

Hi,

Please use Google Chrome to verify your HTML. Different browsers may interpret the same CSS differently. We do not use IE ---- we have a browser engine embedded inside our DLL and our rendering is mostly close to Google Chrome.

Thanks!

AdriaanseB

Posted: Friday, April 12, 2013 9:37:30 AM

Rank: Newbie
Groups: Member

Joined: 4/12/2013
Posts: 4

Tnx for your reply!

But I already checked it in all standard browser (Chrome, FireFox, Safari, Opera, IE9+).

It looks good in Chrome version 26.0.1410.64 m.
Based on your answer I guess you are using webkit as embedded browser. Which version of webkit is included?

It looks like a known bug in webkit, but it is already fixed in new versions.
For reference on the bug:
chrome bugreport
and
webkit bug report

eo_support

Posted: Friday, April 12, 2013 9:53:54 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195

Hi,

Yes. Our rendering engine is based on WebKit. We try to keep it up to date but we are a few builds behind and it takes extensive test for us to switch to a new build. So you may want to avoid this CSS now until we roll to the new version.

Thanks!

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Message