PDF einfügen

Jonas94

Wie kann man denn ein PDF in einer Webseite ein fügen?

Jonas94

Also ich habe jetzt mal mit ein iFRame probiert aber egal welchen % Wert ich angebe bei height es änder sich nix von der größes des iFrames.

Was mache ich da falsch?

Link zur Seite

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/javascript">
<!--
var ZielDatei = "index.html?Frame-main%20-%20info.html";
var togo = 'to'+'p.lo'+'cation.';
if (!top.FramesetGeladen)
{
if(document.images)
eval(togo + 'replac'+'e(ZielDatei)');
else
eval(togo + 'hre'+'f = ZielDatei');
}
//-->
</script>
<meta name="robots" content="nofollow" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>St. Marien Ensdorf</title>
<link href="../css/kirche.css" rel="stylesheet" type="text/css" />
</head>


<body>
<div align="center">  
    <iframe src="info-09-09.pdf"  name="Pfarrbrief" scrolling="auto" frameborder="0" align=aus marginheight="0px" marginwidth="0px" height="100%" width="100%">
    <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
  Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis
  aufrufen: <a href="info-09-09.pdf">Pfarrbrief</a></p>
</iframe>


</div>
<script type="text/javascript"><!--
// für drucken
function drucken(){
   if (window.print) {
      window.print();
   } else {
      window.alert("Leider nicht möglich!");
   }
}
//--> 
</script>
<script type="text/javascript"><!--
function kontakt() {
   var fenster = window.open("http://st-marien-ensdorf.de/tinc?key=pjzpiRct", "Kontakt mit dem Webmaster", "menubar=0,scrollbars=1,resizable=0,location=0,toolbar=0,width=600,height=450");
   if (fenster.opener == null) {
      fenster.opener = self;
   }
}
//-->
</script>
 <!-- Footer Begin -->
<div id="footer">
  <a href="javascript:history.back();">Zur&uuml;ck</a>&nbsp;|
  <a href="javascript:drucken()">Drucken</a>&nbsp;| 
 <a href="javascript:kontakt()">Kontakt</a> |
  <a href="../impressum/Frame-main - impressum.html" target="_self">Impressum</a>
<!-- Footer End -->
</div>
</body>
</html>

Alles anzeigen

sejuma

Weise auch mal noch body und html (= Basis, Bezugsgröße) je 100% Höhe und Breite zu.

Jonas94

Also so?
<body style="height:100%; width:100%">

Hilft leider auch nicht.

sejuma

Grundsätzlich ja.
Wenn's trotzdem nicht klappt, bin ich überfragt.

driver

; hinter width ?

Jonas94

@ sejuma
troztdem danke
@ driver
habe jetzt auch gemacht bringt auch nix

synaptic

gib dem iframe mal nen style, statt height und width als attribut..
machste so wie beim body.. und die semikolons nich vergessen

Jonas94

Bringt auch nix und ich habe das ;

Also mein Code sieht jetzt so aus:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <script language="JavaScript" type="text/javascript">
 <!--
 var ZielDatei = "index.html?Frame-main%20-%20info.html";
 var togo = 'to'+'p.lo'+'cation.';
 if (!top.FramesetGeladen)
 {
 if(document.images)
 eval(togo + 'replac'+'e(ZielDatei)');
 else
 eval(togo + 'hre'+'f = ZielDatei');
 }
 //-->
 </script>
 <meta name="robots" content="nofollow" />
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>St. Marien Ensdorf</title>
 <link href="../css/kirche.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body style="">
 <div align="center"> 
   <iframe src="info-09-09.pdf"  name="Pfarrbrief" style="width:100%; height:100%;"  marginwidth="0px" marginheight="0px" align="top" scrolling="auto" frameborder="0" title="Pfarrbrief">
     <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
   Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis
   aufrufen: <a href="info-09-09.pdf">Pfarrbrief</a></p>
 </iframe> 
 
 </div>
 <script type="text/javascript"><!--
 // für drucken
 function drucken(){
    if (window.print) {
       window.print();
    } else {
       window.alert("Leider nicht möglich!");
    }
 }
 //--> 
 </script>
 <script type="text/javascript"><!--
 function kontakt() {
    var fenster = window.open("http://st-marien-ensdorf.de/tinc?key=pjzpiRct", "Kontakt mit dem Webmaster", "menubar=0,scrollbars=1,resizable=0,location=0,toolbar=0,width=600,height=450");
    if (fenster.opener == null) {
       fenster.opener = self;
    }
 }
 //-->
 </script>
  <!-- Footer Begin -->
 <div id="footer">
   <a href="javascript:history.back();">Zur&uuml;ck</a>&nbsp;|
   <a href="javascript:drucken()">Drucken</a>&nbsp;| 
  <a href="javascript:kontakt()">Kontakt</a> |
   <a href="../impressum/Frame-main - impressum.html" target="_self">Impressum</a>
 <!-- Footer End -->
 </div>
 </body>
 </html>

Alles anzeigen

Und mein CSS so:

Code

body {
     background-image: url();
     width:100%;
     height:100%;

     }
 * {margin: 0; padding: 0;}
 .Stil1 {
     font-weight: bold;
     font-size: 18px;
 }
 
 .Stil10 {    
     font-size: xx-large;
     font-weight: bold;
 }
 .Stil11 {
     font-size: 24px;
     font-weight: bold;
 }
 a:link {
     color: #000000;
     text-decoration: none;
 }
 a:visited {
     color: #000000;
     text-decoration: none;
 }
 a:hover {
   border-bottom: none; 
     color: #FF0000;
     }
 
 a:active {
     text-decoration: none;
 }
 #footer {
     position:fixed;
     bottom:0px;
     font-weight: bold;
     font-size: 18px;
     background:#999999;
     text-align:center;
     padding:1px;
     width:99%;
 }
 * html #footer {
     background:#999999;
     height:0%;
     text-align:center;
     padding-top:0%;
     font-weight: bold;
     font-size: 18px;
 }

Alles anzeigen

synaptic

also mein tip zu der sache...
lass die framesets weg..mach die page vernünftig mit php und includes (mal vom "design" abgesehen) ich hab da nur was mit pixelangaben erreichen können statt mit prozentangaben(über firebug)
das ganze ding is developer-technisch gesehen nen armageddon!!

Jonas94

Jo ich wollt das auch erst mit PHP machen aber der Webspace von den für die ich die Seite macht ünterstütz leider keine PHP.

synaptic

dann machste halt nen anständiges template und machstdes dann so.. is ja kein grosser akt!!
auf jeden fall ist das frame-armageddon fürn boppes!

Tags