Ekkmanz in geeky life!

15 พฤศจิกายน 2008

เช็คกันให้จุใจ กับ browsershots

Filed under: personal,rant — ekkman @ 22:21
Tags: , , ,

สืบเนื่องจากวันนี้มีเพื่อนมาถามไถ่เรื่อง CSS เพราะต้องการที่จะแก้ไข theme ของ multiply ไปเอา theme มาใช้แล้วปรากฏว่ามันทิ้งช่องว่างระหว่าง Header กับ Content เอาไว้แบบผิดๆ ไอ้เราก็นึกว่าเว็บพวกนี้มันจะเช็คง่าย เปิด HTML Source เท่านั้นแหละ

<table id=content_wrapper width='100%' cellpadding=0 cellspacing=0 border=0>
  <tr valign=top>
    <td id=content-start>

<div id=page_start_wrapper>

<div id=page_start>
  <table width='100%' cellpadding=0 cellspacing=0 border=0>
    <tr valign=top>
      <td id=maincontent>
<style>
div.msnyellowwarnbox div.box div.boxbody {
    padding: 10px;
}
div.msnyellowwarnbox div.box {
    border: 1px solid #ffd65c;
    background: none;
    background-color: #ffffce;

}
</style>

<style>
div#home_guestbook div.actionlinks { display: none }
</style>
<div class=homewrapper>

<div id=maincontentdiv>
  <table width='100%;' cellpadding=0 cellspacing=0 border=0>
    <tr>
      <td colspan=3 align=left>
        <div id='mainbox_1' style="z-index: 10; position: relative;">
          <div class=itemboxsub>
            <table border=0 cellpadding=0 cellspacing=0 width='100%'>
              <tr>
                <td class=icon width=24>

(ขอบอกว่า นี่ก๊อปมาแค่บางส่วนเท่านั้น และก็จัด indent ไปแล้วด้วย!)

ผ่างงงงงง มีแทรก CSS ในตรงกลาง div ซ้อนตาราง ตารางซ้อน div ตารางซ้อนตารางซ้อนตารางมันเข้าไป แต่ดันประกาศ DOCTYPE เป็น XHTML 4.01 Transitional เห็นแล้วกลุ้ม! บน IE ก็ดันไม่มี Firebug ซะอีก Web Developer Toolbar ก้ไม่ได้โหลดมา แล้วผมใช้ IE7 มันก็แสดงผลไม่ตรงกับเพื่อนที่ใช้ IE6 อีก เช็คไปเช็คมา ดันไปเปิดจาก chrome อีก เอาเข้าไป มึนงงจริงๆ

แต่เดี๋ยวก่อน ปัญหาเหล่านี้จะลดลงไป เพียงแค่คุณใช้บริการของ browsershot (ขอขอบคุณ ThaiCSS มา ณ ที่นี้ด้วย) ที่จะให้คุณๆ ทั้งหลายคลิกเลือก browser ที่ต้องการ แล้วก็สร้าง job ในการ snapshot อย่างง่ายดาย รอพักหนึ่ง browsershot จะสร้าง snapshot ของ URL ที่ให้ไปโดยอัตโนมัติ สะดวกจอร์จจริงๆ !

แต่ สุดท้ายนี้ ก็ไม่ได้ทำให้แก้สำเร็จแต่อย่างใด IE6 ก็ยังคงเน่าไปตามระเบียบ ช่างมันเถอะ ฮ่าๆๆๆๆ

ให้ความเห็น »

ยังไม่มีความเห็น

RSS feed for comments on this post. TrackBack URI

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

บลอกที่ WordPress.com .

%d bloggers like this: