[shaun236]

สวัสดีทั้งหมด,

ฉันสมบูรณ์ใหม่เพื่อเว็บการออกแบบและสิ่งที่ผมเรียนรู้จากการเกากับออนไลน์ tutorials / screencasts. ฉันต้องการความช่วยเหลือจากคุณเล็กน้อย guys.

ฉันมีสี่ div ในมาร์คของฉัน. หนึ่งเป็น "กระดาษห่อ" div อื่นๆในขณะที่ divs มีสามเพื่อแสดงบางภาพและเนื้อหา. ฉันมีศูนย์กลางที่ "เครื่องห่อหุ้ม" div. ทั้งสาม div ภายในที่มีความกว้างเท่ากันและยังมีเท่ากับซ้ายและขวาขอบ. หน้าสวยงามมากวิธีที่ฉันต้องการไปดูแต่เมื่อฉันเริ่มเพื่อขยายหลังจากบางจุดภาพเริ่มซ้ำซ้อน.

นอกจากนี้เมื่อฉันเพิ่ม / ลดสูงสุด-กว้างสำหรับ "สิ่งปกคลุม" div อื่นๆ divs ภายในมันไม่ได้จัดชิดเสมอบ่าเสมอไหล่. ฉันได้ใช้% สำหรับความกว้างและขอบและผมเชื่อว่าควรดูแลมัน. สิ่งที่ฉันกระทำผิด ... โปรดคำแนะนำ?

ฉันต้องการความช่วยเหลือเกี่ยวกับต่อไปนี้:

ฉัน 1.When ซูมในเพราะเหตุใดรูปภาพเริ่มต้นที่ซ้อนกัน?
ฉัน 2.When รีเซ็ต "กระดาษห่อ" สูงสุดขนาดกว้างสาเหตุที่ไม่อื่นๆ divs รักษาตำแหน่ง?

โปรดให้คำแนะนำว่าฉันสามารถซ่อมมันหรือไม่? ฉันได้แนบไฟล์มาร์คของฉัน.

ขอขอบคุณในล่วงหน้า!!!

HTML ที่รหัสสินค้า:


ดิ้นเค้าโครง





นี่คือ div1







นี่คือ div2







นี่คือ div3









CSS กติกา

รหัสสินค้า:


ร่างกาย (
ขอบ: 0;
นุ่นที่ใช้ยัดเบาะ: 0;
)

(# สิ่งปกคลุม
ขอบ: 0 อัตโนมัติ;
ขนาดกว้างสูงสุด: 60em;
ชายแดน: 1px ด่างดวงสีน้ำเงิน;
ความสูง: 20em;
)

# div1 **
ฟ่อง: ซ้าย;
ความกว้าง: 30.1%;
ขอบ: 0 1.6% 0 1.6%;
)

# div2 **
ฟ่อง: ขวา;
ความกว้าง: 30.1%;
ขอบ: 0 1.6% 0 1.6%;
)

# div3 **
ฟ่อง: ซ้าย;
ความกว้าง: 30.1%;
ขอบ: 0 1.6% 0 1.6%;
)



ไฟล์ที่แนบมาด้วย ElasticLayout.zip (4.7 กิโลไบต์)