css กับการวนลูป php

css กับการวนลูป php
สวัสดีครับ ขอรบกวนถามหน่อยนะครับ

คือว่าผมได้เขียน css ให้ช่องสีเหลืองดังในรูปมันเรียงกันลงมาเรื่อยๆ แต่ว่าถ้าข้อความมัน"มีบรรทัดเดียว"มันไม่มีปัญหาอะไรครับ จะเรียงกันเป็นระเบียบสวยงาม แต่ว่าถ้าหากในช่องสีเหลืองช่องใดช่องหนึ่ง"มันมีบรรทัดมากกว่าหนึ่งบรรทัด"มันจะเรียงกันแบบตกๆหล่น ดังในรูปอ่าครับ ไม่ทราบว่าพอจะมีวิธีการอย่างไรร๋อครับ ที่จะให้มันเรียงกันมาแบบเป็นระเบียบอ่าครับ เพราะผมต้องใช้ php วนลูปเอาอ่าครับ ถ้าไงรบกวนช่วยตอบทีนะครับผม



ปล.ขอบคุณครับ
30 เม.ย. 2554 3 1,778

อันนี้ code ที่ผมเขียนเอาไว้ครับ



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

.box {

    width: 600px;

    margin-right: auto;

    margin-left: auto;

    background-color:#FCC;

    padding-bottom: 2px;

    overflow: hidden;

}

.sub-box {

    float: left;

    width: 200px;

    background-color: #FFC;

}

</style>


</head>



<body>

<div class="box">

    <div class="sub-box">ฟฟฟฟหหหฟ

    </div>    

    <div class="sub-box">รับประเมินหลักทรัพย์

    </div>  

    <div class="sub-box">sddssd<br />sdsddsd

    </div>      

    <div class="sub-box">ับประเบ้านเพื่อยื่นxxx้ธนาคาร

    </div>  

    <div class="sub-box">ผผผผผผผผผผผผผผผผผ

    </div>   

    </div>                                 

</div>

</body>

</html>
#1

ถ้ามีปัญหาแบบนี้แนะนำให้ใช้ table จะง่ายกว่ามั้งครับ เพราะว่า div โดยปกติแล้วมันจะไม่สามารถขยายความสูงตามเซลข้างเคียงเหมือน table ได้



ปล. tableless design ไม่ได้ห้ามการใช้ table เรายังคงสามารถใช้ table กับตารางข้อมูลได้เหมือนเดิม (แนะนำ) ที่เขาห้ามใช้ คือ ห้ามใช้ table กับ layout เท่านั้น
#2

css กับการวนลูป php
ขอบคุณครับ แต่ว่าคือ อยากให้มันดีดตัวขึ้นไปเรื่อยๆดังรูปนี้อ่าครับ แบบไม่ให้มันหล่นลงมาอ่าครับ ไม่ทราบว่ามันสามารถทำได้หรือเปล่าครับ
#3
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 1024
^