ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingสอบถามการ Design Website ที่มีความกว้างมากกว่า 1000px
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: สอบถามการ Design Website ที่มีความกว้างมากกว่า 1000px  (อ่าน 1579 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
warapong2531
สมุนแก๊งเสียว
*

พลังน้ำใจ: 32
ออฟไลน์ ออฟไลน์

กระทู้: 589



ดูรายละเอียด
« เมื่อ: 09 ตุลาคม 2012, 21:23:21 »

ผมมีปัญหาในการออกแบบเว็บไซต์ของผมว่า...
ผมใช้ Div ในการออกแบบเว็บไซต์

โดยผมกำหนด Div_Main ของผมให้มีความกว้าง 1300px    
ใน Div_Main ของผมประกอบไปด้วย  Div_Left , Div_Center , Div_Right โดยกำหนดดังนี้

  #Div_Main{width: 1300px;overflow:hidden; margin:0 auto;}
  #Div_Left , Div_Center , Div_Right { float:left; }  
  #Div_Left { width:150; }
  #Div_Center { width:1000; }
  #Div_Right { width:150; }

เมื่อผมทดสอบกับ Browser เกือบทุกตัว และ คอมพิวเตอร์ที่มี Resolution ตั้งแต่ 1366x768 ขึ้นไป WebSite ของผมจะอยู่ตรงกลางหน้าจอพอดี   Cry

แต่เมื่อผมทดสอบกับ คอมพิวเตอร์ที่มี Resolution 1024x768 WebSite ของผมจะไม่ยอมอยู่ตรงกลาง Browser (คือผมกะจะให้ Div_Center ที่มีความกว้าง 1000px อยู่ตรงกลางเป๊ะ ๆ)  wanwan031

ปัญหานี้ผมควรจะทำยังไงดีครับ ขอความกรุณาด้วยครับผม

ขอบคุณมากครับ  wanwan017





« แก้ไขครั้งสุดท้าย: 09 ตุลาคม 2012, 21:26:49 โดย warapong2531 » บันทึกการเข้า
washiravit
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 525
ออฟไลน์ ออฟไลน์

กระทู้: 2,501



ดูรายละเอียด
« ตอบ #1 เมื่อ: 09 ตุลาคม 2012, 21:58:51 »

จากประสบการณ์ของผมถ้าใช้ Margin 0 auto  ถ้าเมื่อไหร่ก็ตามขอบซ้ายของมันชนขอบ มันจะไม่จับ Center เพราะมันจะนับจุดเริ่มต้นจากทางซ้ายของ Div เสมอครับ

ถ้าหน้าจอของเว็บมีความละเอียดน้อยกว่า มันจะไม่อยู่ตรงกลางเด็ดขาดเพราะบราวเซอร์มันจะไม่แสดงครอบคลุมทั้งหน้าเว็บได้ครับ

บันทึกการเข้า

kungbest
สมุนแก๊งเสียว
*

พลังน้ำใจ: 86
ออฟไลน์ ออฟไลน์

กระทู้: 670



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 09 ตุลาคม 2012, 23:30:36 »

มันก็ควรจะไม่กลางอยู่แล้วคับ เพราะว่าเป็นการ fix ขนาด 1300px ซึ่งเกินกว่าขนาด 1024px จะรับได้
ผมคิดว่าน่าจะให้มาตรฐานอยู่ที่ 1000px จะดีกว่านะคับ เพราะคนกว่าครึ่งก็คงใช้ 1024px กัน
จะให้ 1000px อยู่ตรงกลางคงไม่ได้ เพราะคุณยังมี 150px อยู่ทางด้านซ้าย นั่นก็หมายความว่าเหลือที่เพียง 850px
บันทึกการเข้า

mean
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 121
ออฟไลน์ ออฟไลน์

กระทู้: 1,009



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 10 ตุลาคม 2012, 00:53:24 »

clear ก่อนครับ


body {
     margin: 0;
    padding: 0;
}
#container {
 margin:0 auto;
 width:1000px;
}
<body>
<div id='container'>
 ...................................
</div>
</body>

แนะนำ 981 ครับ เท่า fb
« แก้ไขครั้งสุดท้าย: 10 ตุลาคม 2012, 00:54:38 โดย mean » บันทึกการเข้า

siammbk
ก๊วนเสียว
*

พลังน้ำใจ: 38
ออฟไลน์ ออฟไลน์

กระทู้: 237



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 10 ตุลาคม 2012, 05:05:58 »

สมัยนี้จะนิยมเขียน ความยาวของเว็บอยู่ที่

950-1024 px คับ
บันทึกการเข้า

รับออกแบบเว็บไซต์ ทุกรูปแบบ งานใหญ่ๆ ระบบยากๆ ราคาแรงๆ คุยกันคับ
line : siammbk
tel : 095-675-8614
NightClub
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 297
ออฟไลน์ ออฟไลน์

กระทู้: 2,461



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 10 ตุลาคม 2012, 05:35:30 »

ใช้จาว่าสคริป เช็คขนาดความกว้าง ถ้ากว้างน้อยกว่า 1300 สั่งให้ซ่อนปีก

แล้วมันจะอยู่ตรงกลางพอดี
บันทึกการเข้า

รับจ้างเขียนโปรแกรม PHP งานมืออาชีพ เสร็จตามที่กำหนด ราคาปานกลาง
เหมาะกับผู้ที่รับงานมาแล้วส่งต่อจ๊ะ PM มาเลย
killer777
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 52
ออฟไลน์ ออฟไลน์

กระทู้: 1,009



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 10 ตุลาคม 2012, 17:46:38 »

<script type="text/javascript">
   $(document).ready(function(){
  
 $(window).resize(function(){
 
  $('#main').css({
   position:'absolute',
   left: ($(window).width()
     - $('#main').outerWidth())/2,
   top: ($(window).height()
     - $('#main').outerHeight())/2
  });
 
 });
 
 // To initially run the function:
 $(window).resize();
 
});
</script>

**เรียกใช้ jQuery  ประมาณนี้ครับ
« แก้ไขครั้งสุดท้าย: 10 ตุลาคม 2012, 17:47:14 โดย killer777 » บันทึกการเข้า

wasantec
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 586
ออฟไลน์ ออฟไลน์

กระทู้: 2,613



ดูรายละเอียด
« ตอบ #7 เมื่อ: 11 ตุลาคม 2012, 11:32:54 »

ความรู้เพิ่ม wanwan011
บันทึกการเข้า
timebomb
คนรักเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 109



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 11 ตุลาคม 2012, 12:20:36 »

มาขอเก็บด้วยคน wanwan011
บันทึกการเข้า

การเรียนรู้เรื่องครีมไพรสด เป็นสิงที่คู่กันกับผู้หญิงสมัยนี้ รวมไปถึงการดูแลครีมหมอยันฮี ๆ ก็เป็นสิ่งที่ขาดไม่ได้เลย ครีมหมอยันฮี เป็นองค์ประกอบหลักที่ทำให้ดูดี ตามด้วยโลชั่นผิวขาว ทาตัวให้ผิวดูดีขึ้นอีกด้วย ครีมโสมทาตัว
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #9 เมื่อ: 11 ตุลาคม 2012, 13:28:43 »

ใช้ fluid width สิครับ
บันทึกการเข้า

club-love
ก๊วนเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 325



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 11 ตุลาคม 2012, 13:30:51 »

ไม่ลอตั้งขนาดความกว้างเป็น เปอร์เซ็นต์ล่ะครับ
width='100%'
บันทึกการเข้า

ขายส่ง
รอกสลิงมือหมุน, รอกสลิงมือโยก, รอกสลิงไฟฟ้า, รอกไฟฟ้า , รอกไฟฟ้า รอกโซ่ไฟฟ้า ,  รอก, รอกโซ่, รอกไฟฟ้า
มอเตอร์ไฟฟ้า
ลงประกาศฟรี
ball6847
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 212
ออฟไลน์ ออฟไลน์

กระทู้: 4,174



ดูรายละเอียด
« ตอบ #11 เมื่อ: 11 ตุลาคม 2012, 13:54:31 »

ถ้าจะเอาตามความต้องการจริงๆนะ ที่บอกว่า ตรงกลางจะให้มัน 1000px ทุกจอ แล้วถ้าเจอจอเล้กกว่า 1366px ให้ด้านข้างมันถูกกินขอบไปเลย มันก็ทำได้

markup+css
โค๊ด:
<!DOCTYPE html>

<html>
<head>
    <title>Page Title</title>
    <style type="text/css">
    body {
        margin: 0px;
        overflow-x: hidden;
    }
    #center {
        width: 1000px;
        margin: 0 auto;
        position: relative;
        background-color: black;
    }
    #center, #left, #right {
        height: 300px;
    }
    #left , #right {
        width: 150px;
        position: absolute;
    }
    #left {
        background-color: yellow;
        left: -150px;
    }
    #right {
        background-color: green;
        right: -150px;
    }
    </style>
</head>

<body>

    <div id="center">
        <div id="left"></div>
        <div id="right"></div>
    </div>

</body>
</html>

ลองดูครับ
« แก้ไขครั้งสุดท้าย: 11 ตุลาคม 2012, 13:55:58 โดย ball6847 » บันทึกการเข้า

warapong2531
สมุนแก๊งเสียว
*

พลังน้ำใจ: 32
ออฟไลน์ ออฟไลน์

กระทู้: 589



ดูรายละเอียด
« ตอบ #12 เมื่อ: 11 ตุลาคม 2012, 14:52:31 »

ขอบคุณทุกท่านมากเลยฮะ

 wanwan017 wanwan017 wanwan017
บันทึกการเข้า
flash
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 1,022



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 11 ตุลาคม 2012, 15:19:15 »

ขอบคุณครับ
บันทึกการเข้า

ครีมหมอจุฬา ผ่าน อย. อยากหน้าใส ไร้รอยด่างดำ ครีมหมอจุฬาซื้อที่ไหน หาไม่ยากเลย แต่ระวังของปลอมนะ ของเราเป็น ครีมหมอจุฬาของแท้ 100% มาดูสินค้าก่อนได้

preawn
ก๊วนเสียว
*

พลังน้ำใจ: 9
ออฟไลน์ ออฟไลน์

กระทู้: 216



ดูรายละเอียด
« ตอบ #14 เมื่อ: 11 ตุลาคม 2012, 16:14:08 »

 wanwan017 wanwan020
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์