2013-08-31 201 views
0

上週以來我一直在想這個如何使用框架集解決我的問題。HTML框架:框架集在新標籤頁/窗口中打開

場景:

我有頁眉,頁腳,菜單,以及有自己的背景顏色內容一個HTML文件。我使用了框架來改善設計。

的背景顏色爲黑色,對於頁腳也是黑色的,菜單是灰色的,內容僅僅是純白色。

一切完美,但我在菜單看到了一個問題,當用戶使用打開鏈接點擊新標籤或在新窗口打開鏈接的主頁設計的主頁是僅僅只有白色。

問:

有沒有一種方法,當用戶點擊使用打開鏈接的鏈接在新標籤打開鏈接在新窗口四個HTML文件的背景色還包括在內?

這裏是我的框架代碼:

<frameset rows="120,*,30" border ="0"> 
<frame name ="top" src="header.php"> 

</frame> 

<frameset cols="200,*" border ="0"> 
<frame src="menu_viewer.php" name="menu"> 
<frame src="index.php" name="main" scrolling="yes"> 
</frame> 
</frameset> 

<frame name="bottom" src="footer.php"> 

</frameset> 

這是我設計的PRINTSCREEN:

enter image description here

,並在用戶點擊打開鏈接在新標籤打開新窗口鏈接結果是

enter image description here

正確的結果應該是:

enter image description here

任何建議或長推薦節目作爲結果的設計就像是這也是受歡迎的。提前謝謝你。

+1

哇,框架集。沒有看到過去10年的人。當然,你想用這種過時和皺眉的技巧嗎? – deceze

+0

@ deceze ..實際上...我試圖用CSS修改它,但我的問題與使用CSS是當用戶打開它在一個大屏幕或不同的屏幕分辨率設計是崩潰..所以我決定使用frameset但這是我的問題在框架集:( –

+0

這絕對不是CSS的錯誤,但你的CSS設計可以使任何屏幕尺寸的工作,事實上很容易,甚至*優化*爲不同的尺寸。這是一個不好的理由選擇框架集,真的。 – deceze

回答

0

@ Princess Toledo:框架集現在在HTML5中不受支持。如果你用css做,那麼使用一個包裝器來代碼

<body> 
<div id=wrapper> 
<!-- your code --> 
</div> 
</body> 

,並給CSS來包裝器

#wrapper { 
    width:980px; 
    margin: auto; 
} 

導向這個讓你的內容貼合wrapper內,並在頁面的中心,在高分辨率窗口西港島線不會崩潰。

+0

@vishalkin ....我的footer.html是一個固定的位置......我怎麼能自動它的腳註應該在內容的結尾......? –

0

如果您的框架文件名爲frameset.php,你可以修改它這樣

<frameset rows="120,*,30" border ="0"> 
 
<frame name ="top" src="header.php"> 
 

 
</frame> 
 

 
<frameset cols="200,*" border ="0"> 
 
<frame src="menu_viewer.php" name="menu"> 
 

 
<?php if (isset($_GET['main'])): ?> 
 
<frame src="<?php echo $_GET['main']; ?>" name="main" scrolling="yes"> 
 
<?php else: ?> 
 
<frame src="index.php" name="main" scrolling="yes"> 
 
<?php endif; ?> 
 

 
</frame> 
 
</frameset> 
 

 
<frame name="bottom" src="footer.php"> 
 

 
</frameset>

然後到每個頁面文件,插入一個小頂部框架檢查。 例如,index.php文件,插入此代碼:

<script> 
 
if(self==top){ 
 
    self.location = "frameset.php?main=index.php"; 
 
} 
 
</script>

並以文件playlist.php,插入此代碼:

<script> 
 
if(self==top){ 
 
    self.location = 'frameset.php?main=playlist.php'; 
 
} 
 
</script>

依此類推到您的頁面文件的其餘部分。

我希望你明白。