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

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

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

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

กระทู้: 257



ดูรายละเอียด
« เมื่อ: 25 กันยายน 2015, 13:12:58 »

พอดีผมพึ่งหัดเขียนเว็บใหม่ครับ เวลา เพิ่มรายการเข้าไปมันแสดงผิดปกติ (จนตรอกแล้วครับจึงอยากขอคำแนะนำครับ)
รูปที่ 1


รูปนี้ ทำกำหนดให้ height : 100%; ไม่ไม่รู้ว่าทำมันเป็นแสดงล้นออกจาก container ไม่รู้ครับ

รูปที่ 2


รูปนี้เวลาซูมจอออกไกล มันจะแสดงเหมือนปกติเลยครับ

รบกวนช่วยแนะนำหน่อยนะครับ
ขอบคุณครับ
บันทึกการเข้า

Nokky@#
ก๊วนเสียว
*

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

กระทู้: 216



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 25 กันยายน 2015, 13:17:05 »

พอดีผมพึ่งหัดเขียนเว็บใหม่ครับ เวลา เพิ่มรายการเข้าไปมันแสดงผิดปกติ (จนตรอกแล้วครับจึงอยากขอคำแนะนำครับ)
รูปที่ 1


รูปนี้ ทำกำหนดให้ height : 100%; ไม่ไม่รู้ว่าทำมันเป็นแสดงล้นออกจาก container ไม่รู้ครับ

รูปที่ 2


รูปนี้เวลาซูมจอออกไกล มันจะแสดงเหมือนปกติเลยครับ

รบกวนช่วยแนะนำหน่อยนะครับ
ขอบคุณครับ


ขอดูโค้ตส่วนที่เกี่ยวข้อง
หรือเป็น URL ของเว็ปก็ได้ครับ
บันทึกการเข้า

itoom
ก๊วนเสียว
*

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

กระทู้: 257



ดูรายละเอียด
« ตอบ #2 เมื่อ: 25 กันยายน 2015, 13:52:51 »



ขอดูโค้ตส่วนที่เกี่ยวข้อง
หรือเป็น URL ของเว็ปก็ได้ครับ
[/quote]

โค๊ด:
.wrapper{
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}

.container {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    float: left;
}
.content{
    width: 790px;
    height: 100%;
    margin: 0 auto;
    float: left;
}
บันทึกการเข้า

Nokky@#
ก๊วนเสียว
*

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

กระทู้: 216



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 25 กันยายน 2015, 14:11:54 »

เปลี่ยน height: 100%; เป็น height: auto; ดูครับ

.wrapper{
    width: 1000px;
    height: auto;
    margin: 0 auto;
}

.container {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    background-color: #ffffff;
    float: left;
}
.content{
    width: 790px;
    height: auto;
    margin: 0 auto;
    float: left;
}


« แก้ไขครั้งสุดท้าย: 25 กันยายน 2015, 14:21:16 โดย Nokky@# » บันทึกการเข้า

itoom
ก๊วนเสียว
*

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

กระทู้: 257



ดูรายละเอียด
« ตอบ #4 เมื่อ: 25 กันยายน 2015, 14:23:28 »

เปลี่ยน height: 100%; เป็น height: auto; ดูครับ





ถ้า height : auto; เวลาซูมจอออกจะเป็น ลักษณะนี้ครับ



และเมื่อทำจอปกติจะแสดงลบรายการออกจะเป็นแบบนี้ครับ footer จะไม่ติดด้านล่างของจอครับ
บันทึกการเข้า

Nokky@#
ก๊วนเสียว
*

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

กระทู้: 216



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 25 กันยายน 2015, 14:25:56 »

นั้นขอดู ทั้ง css และ html ครับ

ถ้ามี url เว็ปแล้ว ขอ url ครับ
« แก้ไขครั้งสุดท้าย: 25 กันยายน 2015, 14:37:45 โดย Nokky@# » บันทึกการเข้า

itoom
ก๊วนเสียว
*

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

กระทู้: 257



ดูรายละเอียด
« ตอบ #6 เมื่อ: 25 กันยายน 2015, 15:01:08 »

นั้นขอดู ทั้ง css และ html ครับ

ถ้ามี url เว็ปแล้ว ขอ url ครับ

ถ้าจะขอส่งให้ทางอีเมล์จะรบกวนมากไปมั้ยครับ
ถ้ายินดีขออีเมล์ด้วยนะครับ^^
บันทึกการเข้า

Nokky@#
ก๊วนเสียว
*

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

กระทู้: 216



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 25 กันยายน 2015, 15:11:39 »

[email protected]
บันทึกการเข้า

oarvoodoo
Newbie
*

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

กระทู้: 36



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 25 กันยายน 2015, 15:18:49 »

ใส่ overflow:hidden ใน .wrapper ด้วยครับ
หรือไม่ก็สร้าง div ถัดไป แล้วสั่ง clear:both
บันทึกการเข้า

oarvoodoo
itoom
ก๊วนเสียว
*

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

กระทู้: 257



ดูรายละเอียด
« ตอบ #9 เมื่อ: 25 กันยายน 2015, 15:23:43 »


ส่งไปในเมล์แล้วนะครับ
บันทึกการเข้า

itoom
ก๊วนเสียว
*

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

กระทู้: 257



ดูรายละเอียด
« ตอบ #10 เมื่อ: 25 กันยายน 2015, 15:25:13 »

ใส่ overflow:hidden ใน .wrapper ด้วยครับ
หรือไม่ก็สร้าง div ถัดไป แล้วสั่ง clear:both
ขอบคุณครับ เดียวขอลองก่อนนะครับ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์