มีผู้พูดถึงปัญหานี้แล้วครับผม ลองดูในกระทู้ ปัญหาและวิธีแก้ไข ในบอร์ด help ครับ

หรือไม่ก็ลองดูจาก บล็อกของคุณ jennessa หรือเจ้าชายน้อย ครับผม 

มาสเตอร์แชมป์ on 03 Nov 2007 (21:38)

#1

ปัญหาที่ใครคงตอบไม่ได้เพราะมันก็ผิดกันคนละนิดละหน่อยและครับทั้งจิ้งจกไฟและไอ้อี วิธีแก้อย่างนี้นะครับ

#content{
display:inline;
float:left;
text-align:left;
/* add to fix IE page */
margin:10px 15px 0px 20px;
width:565px; <<< Look at here
/*Fix too large image makes content drop problem in IE*/
overflow:visible !important;
overflow:hidden;
เอาตรงส่วนสีแดงในโค้ดไปใส่ในส่วนของ content ของ css นะครับ ทำให้ตัวหนังสือไม่จัดกลางหน้า เสร็จแล้วมาแก้ตรงนี้ครับ

.entry .title{
display:block;
float:left;
margin-bottom:10px;
width:565px; <<<ตรงนี้

ในส่วนของ .entry .title{ นะครับ ให้แก้ตรงส่วนของ width นะครับ ผมเดาว่าโค้ดของคุณ Eddy ความกว้างตรงนี้มันจะเป็น 100% ใช่มั๊ยครับ ให้เราแก้ความกว้างตรงนี้ให้เป็นหน่วยพิกเซลแทน (width:xxxpx;) เช่นของผมแก้เป็น 565px โดยความกว้างนี้ให้เอามาจากความกว้างของcontent ของบล๊อคครับ โดยดูจาก #content{ (โค้ดอันข้างบนเมื่อกี้แหละ) ตรงที่ผมใช้สีเขียวน่ะครับ เอาตัวเลขตรงนั้นมาใว่แทน  100% นะครับ คิดว่าทำตามแล้วน่าจะแก้ได้หมดนะ

ส่วนเรื่องของไซด์บาร์ให้แก้ที่

/* Profile */
#profile{
width:197px;
height:220px;
รูป avatar ของเราน่ะครับ ในส่วนนี้จะเป็นส่วนกำหนดขนาดรูป ซึ่งวิธีแก้ปัญหานี้คือ ตรงส่วนความสูงสีแดงอันนั้น ให้ตคุณ Eddy แก้มันให้กว้างขึ้นกว่าเดิมจากปกติซัก 25px (ถ้าหน่วยเป็น%เปลี่ยนเป็นพิกเซลก่อน) คือเอาความสูงรูปของเราบวกไปน่ะครับ อาจยังไม่ลงตัวพอดีให้แก้ความสูงหลายๆทีแล้วลองไปดูหน้าบล๊อคสลับกันนะครับ โดยความสูงที่เราเพิ่มมาก็เพื่อดันไอคำว่า่่่ Recommendลงไปไงครับ

โอเคนะครับ มีปัญหาใส่ถามอีกรอบก็ได้นะครับ^^ หวังว่าคงจะแก้ได้นะครับ แต่พอผมไปดูก็รู้สึกแก้ได้แล้วนะ ไม่รู้จะมาตอบฟรีรึเปล่า - -' 

น้องละอ่อน on 03 Nov 2007 (21:50)

#2

ขอบคุณครับ

Eddy on 03 Nov 2007 (23:49)

#3