Edit

Fixed in 0.12.5 - Please update to this version.

!! Note that downgrading openssl is not a solution !!

Original issue

Ubuntu Ubuntu 14.04.4 LTS

Loading pages (1/6)
QSslSocket: cannot resolve SSLv3_client_method               ] 10%
QSslSocket: cannot resolve SSLv3_server_method

I have libssl-dev and openssl installed.

wkhtmltopdf --version
wkhtmltopdf 0.12.3 (with patched qt)

Hi,

Rendering a page with JPG images crashes on Windows Server 2008 in step 6. It works on Windows 8. I believe this only occurs on websites that use JPG images.

For instance this works:

wkhtmltopdf.exe "http://www.google.com" test.pdf

But this doesn't:

wkhtmltopdf.exe "http://news.bbc.co.uk" test.pdf

I believe it is the same issue as this: https://code.google.com/p/wkhtmltopdf/issues/detail?id=301

Rendering a completely blank HTML file on OS X:

• 0.12.1 generates a 4 KB file
• 0.10.0 RC2 generates a 1 KB file

Pages with more HTML see a similar ratio:

• 0.12.1 generates a 648 KB file
• 0.10.0 RC2 generates a 111 KB file

This is a comparison between the output created by the Mac OS X version of 0.12.3 and 0.12.4 - I consider what I see with 0.12.3 the correct output.

I am running the software on Mac OS X 10.11.6

This test was done using these builds downloaded from the official web site:

wkhtmltox-0.12.3_osx-cocoa-x86-64.pkg wkhtmltox-0.12.4_osx-cocoa-x86-64.pkg

I use a very simple HTML file that only contains a few headers from h1 to h3 plus some lorem ipsum sample text in p tags.

The HTML file was converted using no command line options besides the input and the output file:

wkhtmltopdf test.html test.pdf

Here is the sample HTML file (renamed to .txt to be able to attach it): test.txt

And here are the two output files created by the two different wkhtmltopdf versions: test_0.12.3.pdf test_0.12.4.pdf

The paragraph text in the 0.12.3 version if about 12.3pt in size, whereas the 0.12.4 version creates 3.07pt text. It seems that all text is by a factor of 4 too small.

This may be related to the other "font size is too small" problems, but what I am seeing seems to be much more extreme than anything else I've found so far.

I would like to compile wkhtmltox 0.12.1 on my OpenBSD 5.5 machine but unfortunately it already fails while running "./scripts/build.py posix-local" as you can see below:

...
Creating qmake. Please wait...
qbytearray.o(.text+0x2d92): In function `qstrcpy(char*, char const*)':
/home/user/src/wkhtmltox-0.12.1/qt/src/corelib/tools/qbytearray.cpp:143: warning: strcpy() is almost always misused, please use strlcpy()
qglobal.o(.text+0x267): In function `qrand()':
/home/user/src/wkhtmltox-0.12.1/qt/src/corelib/global/qglobal.cpp:2746: warning: rand() isn't random; consider using arc4random()
qglobal.o(.text+0x27d): In function `qsrand(unsigned int)':
/home/user/src/wkhtmltox-0.12.1/qt/src/corelib/global/qglobal.cpp:2705: warning: srand() seed choices are invariably poor
option.o(.text+0xe95): In function `qmake_version()':
/home/user/src/wkhtmltox-0.12.1/static-build/posix-local/qt/qmake/option.cpp:695: warning: sprintf() is often misused, please use snprintf()
Iconv support cannot be enabled due to functionality tests!
 Turn on verbose messaging (-v) to ../../../qt/configure to see the final report.
 If you believe this message is in error you may use the continue
 switch (-continue) to ../../../qt/configure to continue.
../../../qt/configure -opensource -confirm-license -fast -release -static -graphicssystem raster -webkit -exceptions -xmlpatterns -system-zlib -system-libpng -system-libjpeg -no-libmng -no-libtiff -no-accessibility -no-stl -no-qt3support -no-phonon -no-phonon-backend -no-opengl -no-declarative -no-script -no-scripttools -no-sql-ibase -no-sql-mysql -no-sql-odbc -no-sql-psql -no-sql-sqlite -no-sql-sqlite2 -no-mmx -no-3dnow -no-sse -no-sse2 -no-multimedia -nomake demos -nomake docs -nomake examples -nomake tools -nomake tests -nomake translations -silent -xrender -largefile -iconv -openssl -no-rpath -no-dbus -no-nis -no-cups -no-pch -no-gtkstyle -no-nas-sound -no-sm -no-xshape -no-xinerama -no-xcursor -no-xfixes -no-xrandr -no-mitshm -no-xinput -no-xkb -no-glib -no-gstreamer -D ENABLE_VIDEO=0 -no-openvg -no-xsync -no-audio-backend -no-sse3 -no-ssse3 -no-sse4.1 -no-sse4.2 -no-avx -no-neon --prefix=/home/user/src/wkhtmltox-0.12.1/static-build/posix-local/qt
command failed: exit code 25856

any ideas what I am missing or whats wrong?

This is the old Issue #72 from Google Code, first reported in 2009. It still occurs with the dev branch of 0.12.0, tested with commit d6541feaaa8253516c92faae34293430efeb070a .

What steps will reproduce the problem?

1. Generate PDF from any HTML input with wkhtmltopdf via e.g.

   ./wkhtmltopdf test.html test.pdf
   

2. View it. Tested with Evince, Xpdf and Chrome's built-in PDF reader with similar results.

What is the expected output? What do you see instead? Expected: A PDF rendering similar to the one seen of the HTML document in a browser, specifically concerning the letter-spacing.

Result: The kerning is way off. Sometimes too expanded, sometimes too condensed. See attached sample rendering of (from left to right):

1. an HTML document rendered by a browser (Chrome)
2. the resulting PDF rendered by Chrome's built-in PDF reader
3. the resulting PDF rendered by Evince

What version of the product are you using? On what operating system? Dev branch of 0.12.0, tested with commit d6541feaaa8253516c92faae34293430efeb070a . Debian Sid, i386. Using the binary that resulted after building the Git revision with:

./build_linux.sh linux-i386

I have tested earlier versions of Wkhtmlpdf on Fedora (amd64) with identical results.

Please provide any additional information below. I include the sample document and rendering below, but it happens with everything I throw to Wkhtmltopdf, so I don't think there are any specific "clues" in the minimal HTML code.

• Generated PDF (semi-stable host)
• Direct link to HTML document (semi-stable host)
• HTML document at Pastebin
• Screenshot of rendering. Best viewed in full size. Note e.g. the whitespace after the letter "o" in the PDF renderings.
• Full strace output
• strace output, grep:ed for file I/O

Ignore the following untracked files which are generated during the MSVC build:

# HEAD detached at 924bcb7
# Untracked files:
#   (use "git add <file>..." to include in what will be committed)
#
#       src/image/Makefile.Debug
#       src/image/Makefile.Release
#       src/image/wkhtmltoimage_resource.rc
#       src/lib/Makefile.Debug
#       src/lib/Makefile.Release
#       src/lib/wkhtmltox_resource.rc
#       src/pdf/Makefile.Debug
#       src/pdf/Makefile.Release
#       src/pdf/wkhtmltopdf_resource.rc

This is a freshly compiled (and freshly pulled) ubuntu-precise debug build. If you tell me what command to run I can provide you the exact version ;)

...
[Thread debugging using libthread_db enabled]
Using host libthread_db library "/lib/x86_64-linux-gnu/libthread_db.so.1".
Qt: gdb: -nograb added to command-line options.
     Use the -dograb option to enforce grabbing.
...
Printing pages (6/6)
ASSERT failure in QList<T>::operator[]: "index out of range", file ../../../qt/include/QtCore/../../../../../qt/src/corelib/tools/qlist.h, line 477

Program received signal SIGABRT, Aborted.
0x00007ffff5b76425 in raise () from /lib/x86_64-linux-gnu/libc.so.6
(gdb) bt all
#0  0x00007ffff5b76425 in raise () from /lib/x86_64-linux-gnu/libc.so.6
#1  0x00007ffff5b79b8b in abort () from /lib/x86_64-linux-gnu/libc.so.6
#2  0x0000000001eb96bf in qt_message_output (msgType=QtFatalMsg,
    buf=0x3a21d28 "ASSERT failure in QList<T>::operator[]: \"index out of range\", file ../../../qt/include/QtCore/../../../../../qt/src/corelib/tools/qlist.h, line 477") at /var/home/builder/wkhtmltopdf/qt/src/corelib/global/qglobal.cpp:2359
#3  0x0000000001eb9855 in qt_message(QtMsgType, const char *, typedef __va_list_tag __va_list_tag *) (msgType=QtFatalMsg,
    msg=0x26fa378 "ASSERT failure in %s: \"%s\", file %s, line %d", ap=0x7fffffff5c28)
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/global/qglobal.cpp:2405
#4  0x0000000001eb9f40 in qFatal (msg=0x26fa378 "ASSERT failure in %s: \"%s\", file %s, line %d")
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/global/qglobal.cpp:2588
#5  0x0000000001eb92c3 in qt_assert_x (where=0x205a7ca "QList<T>::operator[]", what=0x205a7b7 "index out of range",
    file=0x205a770 "../../../qt/include/QtCore/../../../../../qt/src/corelib/tools/qlist.h", line=477)
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/global/qglobal.cpp:2062
#6  0x000000000043f27d in QList<QWebPage*>::operator[] (this=0x3659438, i=15)
    at ../../../qt/include/QtCore/../../../../../qt/src/corelib/tools/qlist.h:477
#7  0x000000000043bfd8 in wkhtmltopdf::PdfConverterPrivate::printDocument (this=0x3673110) at /var/home/builder/wkhtmltopdf/src/lib/pdfconverter.cc:982
#8  0x0000000000439c7e in wkhtmltopdf::PdfConverterPrivate::headersLoaded (this=0x3673110, ok=true)
    at /var/home/builder/wkhtmltopdf/src/lib/pdfconverter.cc:799
#9  0x0000000000459398 in wkhtmltopdf::PdfConverterPrivate::qt_static_metacall (_o=0x3673110, _c=QMetaObject::InvokeMetaMethod, _id=3,
    _a=0x7fffffff5f90) at moc_pdfconverter_p.cpp:61
#10 0x0000000001fda566 in QMetaObject::activate (sender=0x3673220, m=0x2062a00, local_signal_index=0, argv=0x7fffffff5f90)
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qobject.cpp:3567
#11 0x000000000045a3be in wkhtmltopdf::MultiPageLoader::loadFinished (this=0x3673220, _t1=true) at moc_multipageloader.cpp:117
#12 0x0000000000423efd in wkhtmltopdf::MultiPageLoaderPrivate::loadDone (this=0x36766f0) at /var/home/builder/wkhtmltopdf/src/lib/multipageloader.cc:477
#13 0x00000000004223ec in wkhtmltopdf::ResourceObject::loadDone (this=0x38a6c80) at /var/home/builder/wkhtmltopdf/src/lib/multipageloader.cc:291
#14 0x0000000000458bcb in wkhtmltopdf::ResourceObject::qt_static_metacall (_o=0x38a6c80, _c=QMetaObject::InvokeMetaMethod, _id=6, _a=0x7fffffff6080)
    at moc_multipageloader_p.cpp:229
#15 0x0000000001fda566 in QMetaObject::activate (sender=0x38a8cc0, m=0x35db840, local_signal_index=0, argv=0x0)
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qobject.cpp:3567
#16 0x0000000001fdfbcf in QSingleShotTimer::timeout (this=0x38a8cc0) at .moc/debug-static/qtimer.moc:96
#17 0x0000000001fdfa2b in QSingleShotTimer::timerEvent (this=0x38a8cc0) at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qtimer.cpp:317
#18 0x0000000001fd54ee in QObject::event (this=0x38a8cc0, e=0x7fffffff6930) at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qobject.cpp:1184
#19 0x00000000016ca9f6 in QApplicationPrivate::notify_helper (this=0x3643bf0, receiver=0x38a8cc0, e=0x7fffffff6930)
    at /var/home/builder/wkhtmltopdf/qt/src/gui/kernel/qapplication.cpp:4565
#20 0x00000000016c8188 in QApplication::notify (this=0x7fffffff9120, receiver=0x38a8cc0, e=0x7fffffff6930)
    at /var/home/builder/wkhtmltopdf/qt/src/gui/kernel/qapplication.cpp:3947
#21 0x0000000001fbe9c0 in QCoreApplication::notifyInternal (this=0x7fffffff9120, receiver=0x38a8cc0, event=0x7fffffff6930)
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qcoreapplication.cpp:953
#22 0x0000000000478bb7 in QCoreApplication::sendEvent (receiver=0x38a8cc0, event=0x7fffffff6930)
    at ../../include/QtCore/../../../../../qt/src/corelib/kernel/qcoreapplication.h:231
#23 0x0000000001fefbe0 in QTimerInfoList::activateTimers (this=0x36469e8)
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qeventdispatcher_unix.cpp:621
#24 0x0000000001ff0a4f in QEventDispatcherUNIX::activateTimers (this=0x3646160)
---Type <return> to continue, or q <return> to quit---
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qeventdispatcher_unix.cpp:878
#25 0x0000000001ff0da9 in QEventDispatcherUNIX::processEvents (this=0x3646160, flags=...)
    at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qeventdispatcher_unix.cpp:940
#26 0x0000000001fbedce in QCoreApplication::processEvents (flags=...) at /var/home/builder/wkhtmltopdf/qt/src/corelib/kernel/qcoreapplication.cpp:1140
#27 0x0000000000428a14 in wkhtmltopdf::ConverterPrivate::convert (this=0x3673110) at /var/home/builder/wkhtmltopdf/src/lib/converter.cc:94
#28 0x0000000000428c51 in wkhtmltopdf::Converter::convert (this=0x7fffffff9100) at /var/home/builder/wkhtmltopdf/src/lib/converter.cc:149
#29 0x000000000044e812 in main (argc=26, argv=0x7fffffffe258) at /var/home/builder/wkhtmltopdf/src/pdf/wkhtmltopdf.cc:180

commandline used:

 gdb --args ./wkhtmltopdf --'margin-top' '28' --'margin-right' '0' --'margin-bottom' '12' --'margin-left' '0' 'cover https://[host]/ihc/_idd/travelguide/cover?did=5585' --'header-html' 'https://[host]/ihc/_idd/travelguide/header?did=5585' 'toc' --'header-html' 'https://[host]/ihc/_idd/travelguide/header?did=5585' --'footer-html' 'https://[host]/ihc/_idd/travelguide/footer' --'xsl-style-sheet' '/home/freek/toc/ihc-travelguide.xsl' 'https://[host]/ihc/_idd/travelguide/guide?did=5585' --'header-html' 'https://[host]/ihc/_idd/travelguide/header?did=5585' --'footer-html' 'https://[host]/ihc/_idd/travelguide/footer' --'header-spacing' '2'

(Sorry for the snipping of the host, but it's internal anyway and a bit private) Might be a continuation from #1713, dunno.

Flexbox seems to be broken in wkhtmltopdf.

Here's a test case, which renders correctly in current versions of Chrome, Firefox, and Internet Explorer. wkhtmltopdf renders it as if the flex properties were not present.

Tested with the 0.12 Windows 32-bit download as found on http://wkhtmltopdf.org/ (wkhtmltox-win32_0.12.0-03c001d.exe). As you can see I tried using the -webkit- prefixes and they didn't help.

<!DOCTYPE html>
<html><head><title>Flexbox test</title>
<style>
body {
  width: 800px;
  border: 2px solid green;
}
.flexrow {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
}
.flexrow > div {
  background-color: yellow;
  border: 1px dashed black;
}
</style>
</head>
<body>
  <div class="flexrow">
    <div>This is<br>item 1</div>
    <div>This is<br>item 2</div>
    <div>This is<br>item 3</div>
    <div>This is<br>item 4</div>
    <div>This is<br>item 5</div>
  </div>
</body>
</html>

Version: wkhtmltopdf 0.12.0 OS: Centos 6.4 No TOC is being created and no error generated.

bin/wkhtmltopdf toc http://www.w3schools.com/html/html_headings.asp w3schools.com.pdf

Even when specifying to use xsl file, it has the same results.

bin/wkhtmltopdf toc --xsl-style-sheet toc.xsl http://www.w3schools.com/html/html_headings.asp w3schools.com.pdf

For the last 6 hours or so I have not been able to download releases from https://wkhtmltopdf.org/downloads.html and the website is very slow to load in general.

wkhtmltopdf version(s) affected: 0.12.6

OS information Windows 11

Description What we want: What we have under current wkhtmltopdf:

How to reproduce HTML code:

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
	<script>
		window.onload = function (){
			picImage = document.createElement("img");
		　  picImage.src = "data:image/png;base64,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";
			picImage.alt = "picture";
			// This style is not working in wkhtmltopdf
			picImage.style="position: absolute; top: 300px; left: 200px;";
			document.body.appendChild(picImage);
		}
	</script>
</head>

<body style="height:297mm; width:210mm;background-color:white;">
</body>

</html>

Expected behavior

When add html img tag dynamically, the style should be functional.

Possible Solution

I tried to add img tag statically, if so, the style can be functional successfully. However, the img is generated dynamically in our situation, so I cannot add img tag statically.

wkhtmltopdf version(s) affected:

0.12.6 (with patched qt)

OS information

Also tested within docker

NAME="Linux Mint"
VERSION="19.1 (Tessa)"
ID=linuxmint
ID_LIKE=ubuntu
PRETTY_NAME="Linux Mint 19.1"
VERSION_ID="19.1"
HOME_URL="https://www.linuxmint.com/"
SUPPORT_URL="https://forums.linuxmint.com/"
BUG_REPORT_URL="http://linuxmint-troubleshooting-guide.readthedocs.io/en/latest/"
PRIVACY_POLICY_URL="https://www.linuxmint.com/"
VERSION_CODENAME=tessa
UBUNTU_CODENAME=bionic

Description

When trying to convert this HTML page ( link ) to PDF the result is blank / empty

This is the output from the terminal:

root@mateus-pc:/tmp# wkhtmltopdf http://f1bratelecom.com.br/p/inv?sd=iEs9lYET9WF%2FclABZLYEOsn7AUdbJqI%3D ./fibra.pdf 
Loading pages (1/6)
Counting pages (2/6)                                               
Resolving links (4/6)                                                       
Loading headers and footers (5/6)                                           
Printing pages (6/6)
Done                                                                      
root@mateus-pc:/tmp# 

How to reproduce

Run this command wkhtmltopdf http://f1bratelecom.com.br/p/inv?sd=iEs9lYET9WF%2FclABZLYEOsn7AUdbJqI%3D ./fibra.pdf

Open the output file and note that it will be completely empty/blank

Expected behavior

That the HTML page was converted to HTML completely as displayed in browsers

Possible Solution

I believe the problem is due to the HTML being rendered by Angular

wkhtmltopdf version(s) affected: 0.12.6

OS information Windows 10, 64Bit

Description When the HTML file to be converted contains 'link' entries or 'script' entries referring to files with multiple dots in the filename, wkhtmltopdf returns with error

How to reproduce A sample line is a link entry containing href="/assets/vendors/node_modules/font/css/materialdesignicons.min.css?tag={{ back_tag }}" rel="stylesheet" media="screen,projection,print". If I use the same line but without .min in the css filename everything is fine.

Expected behavior All filenames valid on the host system shall also be accepted by wkhtmltopdf.

Possible Solution

We have a PDF that loads hundreds of images over HTTPS. These images seem to be loaded all at once. Is there a way to batch load the images to avoid sending too many concurrent requests to the web server?

I've got a html file with very basic layout (I removed all CSS to make sure it wasn't the problem) and a Javascript section that draws a very simple pie chart. In the browser it looks fine, and I can't make out any errors in the page. Yet wkhtmltopdf won't draw the pie. What am I doing wrong? Or how can I debug this?

I am on a Mac, OS version 11.6, wkhtmltopdf 0.12.6 (with patched qt).

<!DOCTYPE html>

<html lang="de">
<head>
  <meta charset="utf-8">
  <title>My pie chart</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="csrf-param" content="authenticity_token" />
  <meta name="csrf-token" content="..." />

</head>

<body>
<div id="admin-main" class="container-fluid">
 
<script type="text/javascript">
    let chartColors =  ["#172363", "#145745", "#25779D", "#28A5A9", "#3D9DD1", "#3DD1A2", "#4DC8D5", "#87E3BB", "#8BE4E1", "#C2F0C1", "#C1EDF0"];
    let fontColors = ['white','white','white', 'white','white','black','black','black','black','black','black'];
    function getPoint(c1,c2,radius,angle) {
        return [c1 + Math.cos(angle) * radius, c2 + Math.sin(angle) * radius];
    }
    function drawPie(context, legend_div, results){
        // Thanks to Sandra Moringa (https://www.section.io/engineering-education/javascript-canvas-piechart/)
        let ctx = document.getElementById(context).getContext("2d");
        let legend = document.getElementById(legend_div);
        ctx.font = 'normal 18px Arial';

        let totalNumberOfAnswers = results.reduce((sum, {total}) => sum + total, 0);
        let currentAngle = 0;

        for (let entry of results) {
            //calculating the angle the slice (portion) will take in the chart
            let portionAngle = (entry.total / totalNumberOfAnswers) * 2 * Math.PI;
            //drawing an arc and a line to the center to differentiate the slice from the rest
            ctx.beginPath();
            ctx.arc(150, 150, 150, currentAngle, currentAngle + portionAngle);
            let labelPoint = getPoint(150,150,70, currentAngle + portionAngle / 2);
            currentAngle += portionAngle;
            ctx.lineTo(150, 150);
            //filling the slices with the corresponding color
            ctx.fillStyle = entry.shade;
            ctx.fill();
            if (entry.total != 0) {
                ctx.fillStyle = entry.textcolor;
                ctx.fillText(entry.total, labelPoint[0], labelPoint[1]);
            };
            // Die Labels neben der Chart mit ihrer Beschriftung:
            let el = document.createElement('span');
            el.innerText = entry.answer;
            el.style.borderLeft = "35px solid " + entry.shade;
            el.style.padding = "0 10px";
            el.style.color = 'black';
            el.style.margin = "10px";
            el.style.display = "inline-block";
            legend.appendChild(el);
            legend.appendChild(document.createElement('br'));

        }

    }

</script>

<div class="row">
  <div class="col-12 mb20 mt30">
    <div>
      <div class="tq_questiontext">
        <h5>
          Testfrage. Soll X oder Y sein? (01.09.2022 &mdash; 30.10.2022) <span style="color:red"></span>
        </h5>
        <div>Branche(n): Möbelhaus</div>
      </div>
    </div>
  </div>
</div>
<div class="row tq_row">
    <div class="col-12 mb20">
      <table class="table reports-table">
        <thead>
        <tr>
          <th>
            Antwortmöglichkeit
          </th>
          <th>
            Anzahl Antworten
          </th>
          <th>%</th>
        </tr>
        </thead>
        <tbody>
          <tr>
            <td>Ich weiß nicht</td>
            <td>0</td>
            <td>0,0%</td>
          </tr>
          <tr>
            <td>X ist schön!</td>
            <td>3</td>
            <td>75,0%</td>
          </tr>
          <tr>
            <td>Y ist schöner!</td>
            <td>1</td>
            <td>25,0%</td>
          </tr>
        <tr>
          <td>
            <strong>Gesamt:</strong>
          </td>
          <td>
            <strong>4</strong>
          </td>
          <td><strong>100,0%</strong></td>
        </tr>
        </tbody>
      </table>
      <div id="tq_container" style="width:100%;margin-top:50px;" >
        <table style="border-collapse:collapse;width:100%;border:none;">
          <tr>
            <td style="text-align: right;" width="60%">
              <canvas id="erstezelle" width="350" height="300" style="color:black;"></canvas>
            </td>
            <td id="zweitezelle"></td>
          </tr>
        </table>

        <script>
              drawPie('erstezelle', 'zweitezelle', [
                      {answer: "Ich weiß nicht", total: 0, shade: chartColors[0], textcolor: fontColors[0]}, 
                      {answer: "X ist schön!", total: 3, shade: chartColors[2], textcolor: fontColors[2]}, 
                      {answer: "Y ist schöner!", total: 1, shade: chartColors[4], textcolor: fontColors[4]}, ]);
          </script>
      </div>
    </div>
</div>

</div>


</body>

</html>