สืบเนื่องมาจาก ช่วงนั้นทำ เว็บเที่ยวเมืองไทย+จองโรงแรม ซึ่งใช้ affiliate ของ hotelclub
เลยต้องใช้เทคนิค iframe ในการดึงหน้าเว็บ hotelclub มาใส่ในเว็บเรา โดยที่ยังคงหน้าตาเดิมของเราไว้
เพื่อให้เกิดความน่าเชื่อถือในการจองโรงแรม

แต่ปัญหาก็คือ ความยาวของหน้าเว็บ hotelclub ที่จะดึงมาใส่ใน iframe นั้น เราไม่สามารถกำหนดได้
จะตั้งเป็น scrolling=yes ก็กระไรอยู่ ดูไม่โปรเอาซะเลย

สุดท้าย หลังจากที่ลองมาหลายแบบมากมาย ก็ได้ค้นพบวิธี iframe เป็น 100% แบบไม่ยุ่งยาก
เก็บเข้ากรุไว้เผื่อเจอปัญหานี้อีก หรือสำหรับคนที่ผ่านไปผ่านมาแล้วเจอปัญหาเดียวกันจะเอาไปใช้ก็ไม่ว่ากันค่ะ

เริ่มต้นด้วยการสำรวจหน้าเว็บก่อน
ในที่นี้เว็บที่มีปัญหา ใช้โค้ด html ร่วมกับ css
หากไม่มีก็สร้างไฟล์ .css เพิ่ม โดยใช้  Notepad , Editplus หรือ Text Editor ตัวอื่นๆ
จากนั้นใส่โค้ดนี้ในไฟล์

1
2
3
4
5
6
7
8

HTML, BODY {
FONT-SIZE: 12px;
MARGIN: 0px;
COLOR: #666666;
padding:0;
height:100%;
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}

save เป็นไฟล์ .css ไว้ที่เดียวกับหน้าเว็บที่มีัปัญหา

เอาล่ะ เมื่อมีไฟล์ css แล้ว
ในไฟล์  html ที่ต้องการใส่ iframe ต้องเพิ่มลิงค์ให้รู้จักไฟล์ css ที่เราสร้างขึ้นด้วย
โดยการใส่โค้ดด้านล่างในส่วน head ของหน้าเว็บนั้นๆ

1

<LINK href="ใส่ชื่อไฟล์stylesheetของคุณที่นี่" type=text/css rel=stylesheet></LINK>

และแล้วก็ถึงคราวพระเอกในท้องเรื่องออกโรง iframe ของเรานั่นเอง
ให้ใส่โค้ดด้านล่างในส่วน Body โดย เปลี่ยน “ใส่ชื่อเว็บหรือลิงค์ที่ต้องการให้โชว์ที่นี่” เป็นชื่อเว็บหรือลิงค์ของคุณ

1
2
3

<div align="center" style="border:0px solid gray; background:transparent; width:100%; height:100%; ">
<iframe src="ใส่ชื่อเว็บหรือลิงค์ที่ต้องการให้โชว์ที่นี่" width="100%" height="100%" align="top" scrolling="AUTO" frameborder=0 style="border: 0px"",></iframe>
</div>

เรียบร้อยค่ะ ง่ายนิดเดียวเองใช่ม้า!