ความเห็นบน: ทำ layout ให้สูงเท่ากันทุกคอลัมน์

โดย: akedesign

akedesign — Fri, 12 Mar 2010 03:50:27 +0000

ขอบคุณครับ

โดย: เว็บดีไซน์

เว็บดีไซน์ — Mon, 08 Feb 2010 17:51:06 +0000

เยี่ยมครับ ขอ bookmark ไว้ใช้ในอนาคตเลยนะครับ

โดย: เพลงฟรี

เพลงฟรี — Sun, 06 Dec 2009 09:05:53 +0000

Thank you for good information

โดย: โหลดmp3

โหลดmp3 — Sun, 06 Dec 2009 09:05:11 +0000

ข้อมูลดีๆแบบนี้หามาบอกกันเรื่อยๆนะครับ

โดย: dd

dd — Wed, 30 Sep 2009 05:08:00 +0000

มองไม่เห็นภาพอ่ะครับ
ใครช่วยทำให้เห็นภาพได้ป่าว

โดย: ลงโฆษณาฟรี

ลงโฆษณาฟรี — Sun, 23 Aug 2009 06:53:00 +0000

เจอ blog นี้แล้วทำให้อยากศึกษาเวบ design ให้มากขึ้นอีก ผมเป็นแต่ php เรื่อง layout นี่โคตรโง่จริงๆ แล้วจะแวะมาบ่อยๆนะครับ …

โดย: Teague

Teague — Wed, 05 Aug 2009 06:51:38 +0000

โค้ดข้างบนเป็นการยืดให้เท่ากันหมดครับ
ไม่ได้กำหนดใน css ให้ height เลย

แต่ใช้ JQuery เพิ่มลงไปทุกครั้งที่โหลดหน้า

Ex.$(”div#content”).css(”height”, sidebar);
ให้เพิ่ม element id content ให้มีค่าเท่ากันกับ div อีกตัว
ไม่ได้กำหนดรูปในนั้นครับ

ถ้าเข้าหน้าใหม่ที่อีกฝั่งสั้นกว่า ก็ให้ JQuery เพิ่มความสูงให้กับฝั่งนั้นครับ

โดย: divland

divland — Tue, 04 Aug 2009 15:48:23 +0000

มันจะมีปัญหาครับ ถ้าใช้ height เวลามีคอนเท้นยาว FF มันจะไม่ยืดให้ ต้องเชียนเช็กอีกทีว่า Browser อะไร ถ้าเป็น FF ต้องใช้ min-height ครับ ส่วน ปัญหาอีกอย่างคือถ้าใน div นั้นมีรูปแล้วรูปไม่ได้ใส่ height ไว้ แล้วรูปยังโหลดไม่เสร็จ โหลดช้า ความสูงของ div จะเพี้ยนไปทันทีครับ

โดย: Teague

Teague — Tue, 04 Aug 2009 10:04:25 +0000

$(document).ready(function(){
var content = $(”div#content”).height(); //เก็บค่าความสูงของ div ไว้
var sidebar = $(”div#sidebar”).height(); //เก็บค่าความสูงของ div ที่2 ไว้
if(content > sidebar) { //ถ้าค่าของ div แรกมากกว่า
$(”div#sidebar”).css(”height”, content); //ให้เพิ่มความสูงของ div ที่ 2 ให้เท่ากัน
}
if (content < sidebar) { //ถ้าค่าของ div ที่ 2 มากกว่า
$(”div#content”).css(”height”, sidebar); //ให้เพิ่มความสูงของ div แรกให้เท่ากัน
}
});

อันนี้เขียนเองนะครับ โดยใช้ JQuery ช่วย (ผมเขียน javascript ไม่เป็น)
jquery จะมีฟังก์ชันรองรับเยอะมาก

โดย: chan

chan — Thu, 02 Jul 2009 01:51:01 +0000

เยี่ยมมากครับ