2016-10-02 58 views
0

我試圖把日曆上我的網頁右上角如何定位php echo聲明中的iframe(日曆)?

<?php 
    echo 'other html 1'; 
    echo 'other html 2'; 
    .... 

    // Calendar 
    echo '<iframe 
       src="https://calendar_link" 
       style = "border: 0; 
       position: absolute; 
       width: 500;     // This does not have any effect, why? 
       height: 500;     // This does not have any effect, why? 
       top: 160px;     // This does not have any effect, why? 
       frameborder: 0; 
       scrolling: no;"> 
      </iframe>'; 
?> 

日曆顯示,我可以交替它的大小,但我無法弄清楚如何將它移到一個任意的位置。無論我在做什麼,它總是出現在其他html代碼下面。

需要注意的是:

  • 我不能改變PHP來的HTML文件,因爲這是第一個大的系統

  • 我不想依靠其他回聲報表的組成部分。這將是很好的解決這個問題,而不需要弄清楚該文件的其餘部分發生了什麼。

  • 我會很樂意將具體到iframe的風格的東西移動到一個單獨的CSS文件。

如何放置iframe地方我想要的嗎?

+0

檢查了這一點:http://stackoverflow.com/questions/15587823/iframe-positioning –

回答

1

因爲你定位你的iframe,你應該使用位置財產,只要你想出現在頁面的右上角的iframe中,那麼你也應該使用頂部屬性來達到這個結果

<?php 

      echo '<iframe 
        src="http://cuassistant.tk/" 
        style = " 
        border: 0; 
        position: absolute; 
        display: block; 
        width: 500px;     
        height: 500px;    
        top: 0px; 
        right: 0px; 
        frameborder: 0; 
        scrolling: no;"> 
       </iframe>'; 

結帳以下鏈接CSS position property

注:因爲iframe是一種醇d在html中的東西,有這麼多的屬性被棄用。你最好先看看這些下面的頁面Iframe Tag

+0

不幸的是這並不在我的情況下工作:HTTP:// ml693.user.srcf.net/是一個頁面,其中日曆顯示在底部,無論我做什麼頂部等於。 – mercury0114

+0

好吧,我已經更新了我的答案,並檢查了它,結果。你應該試試看。 – xFighter

+0

並讓我知道它是否有效 – xFighter